/*!PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none
}

.pswp * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none
}

.pswp__container,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: #222
}

.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC
}

.pswp__error-msg a {
	color: #CCC;
	text-decoration: underline
}

/*!PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-box-shadow: none;
	box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	outline: none;
	opacity: .9
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url(/static/assets/css/default-skin/default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

@media(-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {

	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url(/static/assets/css/default-skin/default-skin.svg)
	}

	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none
	}
}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}

.pswp__button--arrow--left {
	left: 0
}

.pswp__button--arrow--right {
	right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, 0.3);
	height: 30px;
	width: 32px;
	position: absolute
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__share-modal--hidden {
	display: none
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px
}

.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000
}

.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
	opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #FFF;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

a.pswp__share--facebook:hover {
	background: #3E5C9A;
	color: #FFF
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
	background: #55ACEE;
	color: #FFF
}

a.pswp__share--pinterest:hover {
	background: #CCC;
	color: #CE272D
}

a.pswp__share--download:hover {
	background: #DDD
}

.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: .75;
	padding: 0 10px
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}

.pswp__caption small {
	font-size: 11px;
	color: #BBB
}

.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #CCC
}

.pswp__caption--empty {
	display: none
}

.pswp__caption--fake {
	visibility: hidden
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}

.pswp__preloader--active {
	opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
	background: url(/static/assets/css/default-skin/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0
}

@media screen and (max-width:1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}

.pswp__top-bar,
.pswp__caption {
	background-color: rgba(0, 0, 0, 0.5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, 0.3)
}

.pswp__ui--idle .pswp__top-bar {
	opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none
}

.pswp__element--disabled {
	display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
	background: none
}

body,
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent
}

body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
	padding: 0;
	margin: 0
}

body {
	font: 14px/1.2em Microsoft Yahei, "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans GB", "Hiragino Sans GB W3", arial;
	color: #333;
	background: #ededed url(../images/site/header-bg.jpg) no-repeat center top;
	min-width: 1240px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 14px;
	font-weight: 400;
	line-height: 1em
}

ol,
ul {
	list-style: none
}

button,
input,
textarea {
	font-size: 14px;
	font-family: Microsoft Yahei, "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans GB", "Hiragino Sans GB W3", arial;
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	line-height: 1em
}

input:focus {
	outline: 0
}

label {
	cursor: pointer
}

input[type=radio],
input[type=checkbox] {
	margin: 0 3px;
	width: 18px;
	height: 18px
}

img {
	border: none;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

td,
th {
	text-align: center
}

a:link {
	color: #959595;
	text-decoration: none
}

a:visited {
	color: #959595;
	text-decoration: none
}

a:hover {
	color: #eea20e;
	text-decoration: none
}

a:active {
	color: #eea20e
}

a:focus {
	outline: 0
}

::-webkit-input-placeholder {
	color: silver
}

:-moz-placeholder {
	color: silver
}

::-moz-placeholder {
	color: #a0a0a0
}

:-ms-input-placeholder {
	color: silver
}

::-webkit-scrollbar {
	width: 4px;
	height: 0;
	background-color: #F5F5F5
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
	border-radius: 2px;
	background-color: #e5e5e5
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
	background-color: #999
}

body::-webkit-scrollbar {
	width: 10px !important
}

.icon {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	background-repeat: no-repeat !important
}

.icon_drop,
.w-Select-Multi li .icon_drop {
	background-position: -28px -262px;
	width: 6px;
	height: 6px
}

.on .icon_drop,
.w-Select-Multi .hover .icon_drop {
	background-position: -36px -262px
}

.icon_sel {
	background-position: 0 -262px;
	width: 12px;
	height: 8px
}

.on .icon_sel {
	background-position: -14px -262px
}

.icon_drop_small {
	background-position: -140px -262px;
	width: 8px;
	height: 4px
}

.on .icon_drop_small {
	background-position: -466px -67px
}

.icon_status_failed,
.icon_status_progressing,
.icon_status_success,
.icon_status_waiting {
	width: 11px;
	height: 11px;
	margin: -2px 6px 0 0
}

.icon_status_progressing {
	background-position: -545px -211px
}

.icon_status_success {
	background-position: -56px -582px
}

.icon_status_failed {
	background-position: -362px -460px
}

.icon_status_waiting {
	background-position: -40px -584px
}

.icon_arr_big_right {
	background-position: -42px -386px;
	width: 7px;
	height: 14px
}

.icon_arr_big_left {
	background-position: -42px -402px;
	width: 7px;
	height: 14px
}

.icon_new {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #DD2F0B;
	position: absolute
}

.icon_menu {
	width: 20px;
	height: 20px;
	margin: -2px 9px 0 0
}

.icon_menu_repertory {
	background-position: -312px -54px
}

.icon_menu_sold {
	background-position: -334px -54px
}

.icon_menu_cart {
	background-position: -356px -54px
}

.icon_menu_wallet {
	background-position: -378px -54px
}

.icon_menu_setting {
	background-position: -400px -54px
}

.icon_menu_msg {
	background-position: -422px -54px
}

.icon_menu_feedback {
	background-position: -444px -54px
}

.icon_menu_invite {
	background-position: -228px -398px
}

.icon_menu_gift {
	background-position: -482px -160px
}

.icon_menu_fav {
	background-position: -190px -489px
}

.icon_menu_coupon {
	background-position: -26px -524px
}

.icon_menu_vip {
	background-position: -394px -386px;
	margin: 0 9px -2px 0
}

.icon_menu_contribute {
	background-position: -130px -537px
}

.on .icon_menu_wallet {
	background-position: -368px -374px
}

.on .icon_menu_setting {
	background-position: -398px -342px
}

.on .icon_menu_msg {
	background-position: 0 -526px
}

.on .icon_menu_invite {
	background-position: -48px -524px
}

.on .icon_menu_gift {
	background-position: -510px -133px
}

.on .icon_menu_fav {
	background-position: -86px -520px
}

.on .icon_menu_coupon {
	background-position: -254px -462px
}

.on .icon_menu_vip {
	background-position: -542px -104px
}

.on .icon_menu_contribute {
	background-position: -552px -44px
}

.icon_bar_app {
	background-position: -280px -448px
}

.icon_bar_feedback {
	background-position: -504px -160px
}

.icon_bar_help {
	background-position: -460px -262px
}

.icon_bar_msg {
	background-position: -108px -520px
}

.icon_bar_qq {
	background-position: -350px -400px
}

.icon_bar_weibo {
	background-position: -456px -158px
}

.icon_bar_weixin {
	background-position: -132px -515px
}

.icon_bar_fav {
	background-position: -530px -52px
}

.icon_gotop {
	background-position: -152px -148px;
	width: 60px;
	height: 60px
}

.icon_search {
	background-position: -70px -524px;
	width: 14px;
	height: 14px
}

.icon_check {
	background-position: -144px -334px;
	width: 40px;
	height: 40px
}

.on .icon_check {
	background-position: -242px -272px
}

.icon_check_small,
.list_card_small .icon_check {
	background-position: -456px -130px;
	width: 26px;
	height: 26px
}

.list_card_small .on .icon_check,
.on .icon_check_small {
	background-position: -270px -394px
}

.icon_card {
	width: 30px;
	height: 23px;
	background-position: -510px -108px
}

.icon_corner {
	background-position: -304px -130px;
	width: 16px;
	height: 16px
}

.icon_info {
	background-position: -322px -130px;
	width: 16px;
	height: 16px
}

.icon_order {
	background: 0;
	width: 7px;
	height: 11px;
	margin: -2px 0 0 5px
}

.tag_rise .icon_order,
.w-Order_asc .icon_order {
	background-position: -466px -54px
}

.tag_reduce .icon_order,
.w-Order_des .icon_order {
	background-position: -188px -537px
}

.tb-Order.w-Order_asc .icon_order {
	background-position: -56px -568px
}

.tb-Order.w-Order_des .icon_order {
	background-position: -564px -157px
}

.icon_success {
	background-position: -394px -407px;
	width: 16px;
	height: 13px
}

.icon_prefix1,
.icon_prefix2,
.icon_prefix3,
.icon_prefix4 {
	width: 16px;
	height: 16px;
	margin: -1px 12px 0 0
}

.icon_prefix1 {
	background: #4CCAA1
}

.icon_prefix2 {
	background: #EB0000
}

.icon_prefix3 {
	background: #7C8FF5
}

.icon_prefix4 {
	background: #F2B166
}

.icon_unread {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #EB0000
}

.icon_select {
	width: 16px;
	height: 13px;
	background-position: -566px -110px
}

.icon_bank {
	border-radius: 50%;
	width: 16px;
	height: 16px;
	margin: -3px 3px 0 0
}

.icon_plus,
.icon_reduce {
	width: 16px;
	height: 16px;
	background-position: -340px -130px
}

.icon_reduce {
	background-position: -358px -130px
}

.icon_qa {
	background-position: -376px -130px;
	width: 16px;
	height: 16px
}

.icon_qa:hover {
	background-position: -394px -130px
}

.icon_hero_pre {
	background-position: -574px -52px;
	width: 11px;
	height: 10px;
	margin: 0 6px 0 0
}

.ht2 .icon_hero_pre {
	background-position: -216px -546px
}

.ht3 .icon_hero_pre {
	background-position: -543px -224px
}

.icon_checkbox {
	width: 12px;
	height: 12px;
	background-position: -570px -80px
}

.on .icon_checkbox {
	background-position: -522px -254px
}

span:hover .icon_checkbox {
	background-position: -310px -491px
}

span.on:hover .icon_checkbox {
	background-position: -188px -550px
}

.icon_radio {
	width: 14px;
	height: 14px;
	background-position: -316px -473px;
	margin: -2px 6px 0 0
}

.on .icon_radio {
	background-position: -40px -568px
}

.icon_arr_right {
	background-position: -572px -125px;
	width: 11px;
	height: 11px
}

.icon_arr_right_small {
	width: 4px;
	height: 6px;
	background-position: -44px -262px;
	margin: 0 6px
}

.icon_arr_down {
	width: 9px;
	height: 5px;
	background-position: -118px -262px;
	margin: -2px 0 0 3px
}

.icon_arr_light_up,
.on .icon_arr_light,
.showdrop .icon_arr_light {
	width: 11px;
	height: 11px;
	background-position: -258px -526px
}

.icon_arr_light,
.icon_arr_light_down {
	width: 11px;
	height: 11px;
	background-position: -202px -550px
}

.my-menu li {
	width: 150px;
	height: 60px;
	background-position: 0 -118px;
	cursor: pointer
}

.my-menu li:hover {
	background-position: -152px -76px
}

.my-menu li.on {
	background-position: 0 -190px
}

.cont_panel .my-menu li {
	width: 240px;
	height: 60px;
	background-position: -152px -210px
}

.cont_panel .my-menu li:hover {
	background-position: -214px -148px
}

.cont_panel .my-menu li.on {
	background-position: 0 -272px
}

.focus_dot {
	background-position: -368px -307px;
	width: 34px;
	height: 4px;
	cursor: pointer;
	margin-right: 4px
}

.on .focus_dot {
	background-position: -50px -262px;
	width: 66px;
	height: 6px
}

.lv {
	width: 24px;
	height: 24px;
	margin-left: 9px
}

.lv-normal {
	background-position: -476px -82px
}

.lv-high {
	background-position: -484px 0
}

.lv-super {
	background-position: -484px -26px
}

.lv-text {
	width: 54px;
	height: 24px;
	margin-left: 9px
}

.lv-text-normal {
	background-position: -342px -348px
}

.lv-text-high {
	background-position: -402px -281px
}

.lv-text-super {
	background-position: -456px -184px
}

.icon_success_big {
	width: 32px;
	height: 32px;
	background-position: -326px -314px
}

.icon_error_big {
	width: 32px;
	height: 32px;
	background-position: -368px -272px
}

.icon_success_mid {
	width: 24px;
	height: 24px;
	background-position: -298px -394px
}

.icon_error_mid {
	width: 24px;
	height: 24px;
	background-position: -484px -108px
}

.icon_warning_mid {
	width: 24px;
	height: 24px;
	background-position: -452px -210px
}

.icon_lock {
	background-position: -114px -542px;
	width: 12px;
	height: 13px;
	margin: -3px 0 0 3px
}

.icon_gift {
	background-position: -250px -398px;
	width: 18px;
	height: 20px;
	margin: -6px 6px 0
}

.icon_rank {
	width: 40px;
	height: 40px;
	margin: 0 6px
}

.icon_rank_s {
	background-position: -186px -334px
}

.icon_rank_1 {
	background-position: -52px -380px
}

.icon_rank_2 {
	background-position: 0 -386px
}

.icon_rank_3 {
	background-position: -94px -380px
}

.icon_link {
	width: 18px;
	height: 17px;
	background-position: -220px -511px;
	margin: -2px 4px 0
}

.roll-time {
	width: 194px;
	height: 38px;
	line-height: 42px;
	font-size: 12px;
	background-position: -84px -422px;
	color: #fff;
	position: absolute;
	right: -7px;
	top: 26px;
	text-indent: 32px
}

.icon_waiting_big {
	width: 32px;
	height: 32px;
	background-position: -38px -464px
}

.icon_steam_big {
	width: 32px;
	height: 32px;
	background-position: 0 -466px
}

.icon_buff_big {
	width: 32px;
	height: 32px;
	background-position: -72px -464px
}

.icon_mysold_big {
	width: 32px;
	height: 32px;
	background-position: -308px -356px
}

.icon_pos {
	width: 12px;
	height: 17px;
	background-position: -228px -334px;
	margin: -2px 6px 0 0
}

.icon_deal {
	width: 24px;
	height: 24px;
	background-position: -34px -498px
}

.icon_upload {
	width: 24px;
	height: 24px;
	background-position: 0 -500px
}

.icon_delete {
	width: 18px;
	height: 18px;
	background-position: -86px -498px
}

.icon_delete:hover {
	background-position: -462px -306px
}

.icon_uploading {
	width: 30px;
	height: 30px;
	background-position: -402px -249px;
	animation: rotate-L 1.5s linear infinite;
	-webkit-animation: rotate-L 1.5s linear infinite
}

.icon_recommend {
	width: 52px;
	height: 26px;
	background-position: -360px -314px
}

.on.icon_recommend {
	background-position: -476px -54px
}

.icon_top_cur {
	width: 9px;
	height: 5px;
	background-position: -129px -262px
}

.icon_refresh {
	width: 14px;
	height: 14px;
	background-position: -548px -155px;
	margin: -3px 6px 0 0
}

a:hover .icon_refresh {
	background-position: 0 -570px
}

.icon_refresh2 {
	width: 14px;
	height: 14px;
	background-position: -84px -564px;
	margin: -3px 6px 0 0
}

a:hover .icon_refresh2 {
	background-position: -258px -510px
}

.icon_setting {
	width: 14px;
	height: 14px;
	background-position: -527px -222px;
	margin: -3px 6px 0 0
}

a:hover .icon_setting {
	background-position: -132px -557px
}

.icon_shop {
	width: 14px;
	height: 14px;
	background-position: -362px -444px;
	margin: -3px 6px 0 0
}

a:hover .icon_shop {
	background-position: -294px -492px
}

.icon_slide_left {
	background-position: -412px -130px
}

.icon_slide_right {
	background-position: -430px -130px
}

.icon_comment {
	background-position: -498px -284px;
	width: 14px;
	height: 14px
}

.icon_time {
	background-position: -570px -64px;
	width: 14px;
	height: 14px
}

.icon_overpage {
	width: 88px;
	height: 25px;
	background-position: -138px -462px
}

.b_default {
	background-position: -480px -284px
}

.on .b_default {
	background-position: -558px 0
}

.b_0001 {
	background-position: -152px -537px
}

.b_0002 {
	background-position: -558px -18px
}

.b_0003 {
	background-position: -298px -473px
}

.b_0004 {
	background-position: -508px -235px
}

.b_0005 {
	background-position: -212px -489px
}

.b_0006 {
	background-position: -534px -177px
}

.b_0007 {
	background-position: -170px -537px
}

.b_0008 {
	background-position: -240px -510px
}

.b_0009 {
	background-position: -276px -492px
}

.b_0011 {
	background-position: -420px -377px
}

.b_0013 {
	background-position: -442px -351px
}

.b_0014 {
	background-position: -527px -204px
}

.b_0016 {
	background-position: -504px -257px
}

.b_0022 {
	background-position: -344px -451px
}

.tab li {
	width: 170px;
	height: 52px;
	line-height: 52px;
	overflow: hidden
}

.tab li:hover {
	background-position: -312px 0
}

.tab li.on {
	background-position: -304px -76px
}

.icon_balance_bank {
	background-position: -52px -334px;
	width: 43px;
	height: 43px
}

.icon_balance_alipay {
	background-position: -98px -334px;
	width: 43px;
	height: 43px
}

.icon_add_2 {
	background-position: -434px -249px;
	width: 24px;
	height: 24px
}

.icon_add_bank {
	background-position: -284px -272px;
	width: 20px;
	height: 20px
}

.icon_add_bank:hover {
	background-position: -242px -314px
}

.icon_add_alipay {
	background-position: -274px -510px;
	width: 14px;
	height: 14px
}

.icon_select_alipay {
	background-position: -60px -498px;
	width: 24px;
	height: 24px;
	margin-bottom: 2px
}

.on .icon_select_alipay {
	background-position: -484px -134px
}

.icon_select_alipay_hover {
	background-position: -484px -134px;
	width: 24px;
	height: 24px
}

.icon_select_bank {
	background-position: -106px -494px;
	width: 24px;
	height: 24px;
	margin-bottom: 2px
}

.on .icon_select_bank {
	background-position: -280px -422px
}

.icon_select_huabei {
	background-position: -342px -374px;
	width: 24px;
	height: 24px;
	margin-bottom: 2px
}

.on .icon_select_huabei {
	background-position: -138px -489px
}

.icon_select_wx_small {
	background-position: -502px -82px;
	width: 24px;
	height: 24px;
	margin-bottom: 2px
}

.on .icon_select_wx_small {
	background-position: -510px 0
}

.icon_select_huabei_small {
	background-position: -528px -82px;
	width: 20px;
	height: 20px;
	margin-bottom: 2px
}

.on .icon_select_huabei_small {
	background-position: -420px -333px
}

.icon_select_alipay_small {
	background-position: -536px 0;
	width: 20px;
	height: 20px;
	margin-bottom: 2px
}

.on .icon_select_alipay_small {
	background-position: -536px -22px
}

.icon_select_bank_small {
	background-position: -440px -307px;
	width: 20px;
	height: 20px;
	margin-bottom: 2px
}

.on .icon_select_bank_small {
	background-position: -154px -515px
}

.icon_expand {
	background-position: -566px -94px;
	width: 16px;
	height: 16px
}

.icon_empty_not_realname {
	background-position: -111px 0;
	width: 199px;
	height: 74px
}

.icon_footer_bank {
	background-position: -458px -284px;
	width: 20px;
	height: 20px
}

.icon_footer_wx {
	width: 20px;
	height: 20px;
	background-position: -398px -364px
}

.icon_footer_alipay {
	background-position: -486px -235px;
	width: 20px;
	height: 20px
}

.icon_all {
	background-position: -106px -462px;
	width: 30px;
	height: 30px
}

.icon_good {
	width: 14px;
	height: 14px;
	background-position: -220px -530px
}

.pinterest-action:hover .icon_good {
	background-position: -418px -395px
}

.on .icon_good,
.on:hover .icon_good {
	background-position: -574px -36px
}

.icon_close {
	width: 40px;
	height: 40px;
	background-position: -144px -376px
}

.icon_close:hover {
	background-position: -186px -376px
}

.icon_slide_left2 {
	width: 40px;
	height: 40px;
	background-position: -228px -356px
}

.icon_slide_left2:hover {
	background-position: -284px -314px
}

.icon_slide_right2 {
	width: 40px;
	height: 40px;
	background-position: -42px -422px
}

.icon_slide_right2:hover {
	background-position: -326px -272px
}

.icon_fav,
.icon_fav2 {
	width: 12px;
	height: 12px;
	background-position: -564px -143px
}

.icon_fav2.on,
.on>.icon_fav {
	background-position: -514px -275px
}

.icon_tranintrs {
	width: 14px;
	height: 14px;
	background-position: -168px -555px
}

.icon_tranintrs2 {
	width: 12px;
	height: 12px;
	background-position: -500px -300px
}

.icon_comment_new {
	width: 40px;
	height: 20px;
	background-position: -234px -488px
}

.icon_comment_hot {
	width: 40px;
	height: 20px;
	background-position: -302px -451px
}

.icon_good2 {
	width: 14px;
	height: 14px;
	background-position: -152px -555px
}

.news-comment-good:hover .icon_good2 {
	background-position: -418px -395px
}

.on .icon_good2,
.on:hover .icon_good2 {
	background-position: -574px -36px
}

.icon_comment_arr {
	width: 16px;
	height: 16px;
	background-position: -66px -564px
}

.i_Text:focus+.icon_comment_arr {
	background-position: -554px -125px
}

.icon_open {
	width: 11px;
	height: 11px;
	background-position: 0 -586px
}

.pinterest-op:hover .icon_open {
	background-position: -84px -580px
}

.icon_packup {
	width: 11px;
	height: 11px;
	background-position: -69px -582px
}

.pinterest-op:hover .icon_packup {
	background-position: -13px -586px
}

.w-Search .icon_search {
	background-position: -442px -369px
}

.icon-wikiopen {
	width: 11px;
	height: 11px;
	background-position: -114px -575px
}

.wiki-open:hover .icon-wikiopen {
	background-position: -289px -510px
}

.wiki-open.on .icon-wikiopen {
	background-position: -26px -586px
}

.wiki-open.on:hover .icon-wikiopen {
	background-position: -324px -489px
}

.icon_grid {
	width: 14px;
	height: 14px;
	background-position: -576px 0
}

.w-Type:hover .icon_grid {
	background-position: -576px -16px
}

.w-Type.on .icon_grid {
	background-position: -576px -16px
}

.icon_table {
	width: 14px;
	height: 14px;
	background-position: -526px -238px
}

.w-Type:hover .icon_table {
	background-position: -552px -171px
}

.w-Type.on .icon_table {
	background-position: -552px -171px
}

.icon_stick {
	width: 56px;
	height: 37px;
	background-position: -394px -210px
}

.icon_epaycredit {
	width: 36px;
	height: 36px;
	background-position: -111px -76px
}

.icon_zhimacredit {
	width: 36px;
	height: 36px;
	background-position: 0 -428px
}

.icon_epaycredit_small {
	width: 20px;
	height: 20px;
	background-position: -372px -396px
}

a:hover .icon_epaycredit_small {
	background-position: -512px -182px
}

.icon_zhimacredit_small {
	width: 20px;
	height: 20px;
	background-position: -176px -515px
}

a:hover .icon_zhimacredit_small {
	background-position: -276px -470px
}

.icon_logo {
	width: 14px;
	height: 14px;
	background-position: -332px -473px
}

.icon_qr {
	width: 50px;
	height: 50px;
	background-position: 0 -334px
}

.icon_up {
	width: 7px;
	height: 10px;
	background-position: -554px -143px
}

.icon_down {
	width: 7px;
	height: 10px;
	background-position: -100px -579px
}

.icon_warntip {
	width: 20px;
	height: 20px;
	background-position: -22px -546px
}

.icon_warntip:hover {
	background-position: -70px -542px
}

.icon_eye {
	width: 20px;
	height: 20px;
	background-position: -44px -546px
}

.icon_eye:hover {
	background-position: 0 -548px
}

.icon_stickers {
	height: 28px
}

.icon_steam_small {
	width: 20px;
	height: 20px;
	background-position: -198px -511px
}

.login-other a:hover .icon_steam_small {
	background-position: -526px -155px
}

.icon_warn-blue {
	width: 18px;
	height: 18px;
	background-position: -550px -74px
}

.icon_focus {
	width: 16px;
	height: 15px;
	background-position: -198px -533px
}

.icon_focus.on {
	background-position: -482px -302px
}

.icon_2arrow {
	width: 16px;
	height: 16px;
	background-position: -22px -568px
}

.active .icon_2arrow {
	background-position: -114px -557px
}

.icon_invitebg {
	width: 109px;
	height: 116px;
	background-position: 0 0
}

.icon_expired {
	width: 36px;
	height: 36px;
	background-position: -270px -356px
}

.icon_payment_alipay {
	width: 24px;
	height: 24px;
	background-position: -510px -26px
}

.icon_payment_others {
	width: 24px;
	height: 24px;
	background-position: -324px -400px
}

.icon_payment_mixed {
	width: 24px;
	height: 24px;
	background-position: -228px -462px
}

.icon_change {
	width: 12px;
	height: 13px;
	background-position: -100px -564px;
	margin: -2px 3px 0 0
}

a:hover .icon_change {
	background-position: -240px -528px
}

.icon_checkbox_big {
	width: 24px;
	height: 24px;
	background-position: -414px -307px
}

li.on .icon_checkbox_big,
li.on:hover .icon_checkbox_big {
	background-position: -164px -489px
}

li:hover .icon_checkbox_big {
	background-position: -460px -236px
}

.icon_3d {
	width: 12px;
	height: 12px;
	background-position: -378px -444px
}

a:hover .icon_3d {
	background-position: -438px -385px
}

.icon_game {
	width: 12px;
	height: 12px;
	background-position: -489px -319px
}

a:hover .icon_game {
	background-position: -348px -469px
}

.icon_3dpersp {
	width: 20px;
	height: 20px;
	background-position: -532px -133px
}

.icon_3dpersp:hover {
	background-position: -482px -262px
}

.icon_spect {
	width: 20px;
	height: 20px;
	background-position: -92px -542px
}

.icon_spect:hover {
	background-position: -420px -355px
}

.icon_vip {
	width: 18px;
	height: 14px;
	background-position: -460px -351px;
	margin: -2px 4px 0 2px
}

.icon_vip_on,
.vip-mark_on .icon_vip {
	background-position: -545px -195px;
	width: 18px;
	height: 14px
}

.icon_discount {
	width: 45px;
	height: 20px;
	background-position: -442px -329px;
	margin: -2px 4px 0 2px
}

.icon_discount_en {
	width: 79px;
	height: 20px;
	background-position: -355px -422px;
	margin: -2px 4px 0 2px
}

.icon_discount_tag {
	width: 47px;
	height: 23px;
	background-position: -478px -210px
}

.icon_discount_tag_en {
	background-position: -306px -426px
}

.active .icon_2arrow,
.b_0001,
.b_0002,
.b_0003,
.b_0004,
.b_0005,
.b_0006,
.b_0007,
.b_0008,
.b_0009,
.b_0011,
.b_0013,
.b_0014,
.b_0016,
.b_0022,
.b_default,
.cont_panel .my-menu li,
.cont_panel .my-menu li.on,
.cont_panel .my-menu li:hover,
.focus_dot,
.ht2 .icon_hero_pre,
.ht3 .icon_hero_pre,
.i_Text:focus+.icon_comment_arr,
.icon-wikiopen,
.icon_2arrow,
.icon_3d,
.icon_3dpersp,
.icon_3dpersp:hover,
.icon_add_2,
.icon_add_alipay,
.icon_add_bank,
.icon_add_bank:hover,
.icon_all,
.icon_arr_big_left,
.icon_arr_big_right,
.icon_arr_down,
.icon_arr_light,
.icon_arr_light_down,
.icon_arr_light_up,
.icon_arr_right,
.icon_arr_right_small,
.icon_balance_alipay,
.icon_balance_bank,
.icon_bar_app,
.icon_bar_fav,
.icon_bar_feedback,
.icon_bar_help,
.icon_bar_msg,
.icon_bar_qq,
.icon_bar_weibo,
.icon_bar_weixin,
.icon_buff_big,
.icon_card,
.icon_change,
.icon_check,
.icon_check_small,
.icon_checkbox,
.icon_checkbox_big,
.icon_close,
.icon_close:hover,
.icon_comment,
.icon_comment_arr,
.icon_comment_hot,
.icon_comment_new,
.icon_corner,
.icon_deal,
.icon_delete,
.icon_delete:hover,
.icon_discount,
.icon_discount_en,
.icon_discount_tag,
.icon_discount_tag_en,
.icon_down,
.icon_drop,
.icon_drop_small,
.icon_empty_not_realname,
.icon_epaycredit,
.icon_epaycredit_small,
.icon_error_big,
.icon_error_mid,
.icon_expand,
.icon_expired,
.icon_eye,
.icon_eye:hover,
.icon_fav,
.icon_fav2,
.icon_fav2.on,
.icon_focus,
.icon_focus.on,
.icon_footer_alipay,
.icon_footer_bank,
.icon_footer_wx,
.icon_game,
.icon_gift,
.icon_good,
.icon_good2,
.icon_gotop,
.icon_grid,
.icon_hero_pre,
.icon_info,
.icon_invitebg,
.icon_link,
.icon_lock,
.icon_logo,
.icon_menu_cart,
.icon_menu_contribute,
.icon_menu_coupon,
.icon_menu_fav,
.icon_menu_feedback,
.icon_menu_gift,
.icon_menu_invite,
.icon_menu_msg,
.icon_menu_repertory,
.icon_menu_setting,
.icon_menu_sold,
.icon_menu_vip,
.icon_menu_wallet,
.icon_mysold_big,
.icon_open,
.icon_overpage,
.icon_packup,
.icon_payment_alipay,
.icon_payment_mixed,
.icon_payment_others,
.icon_plus,
.icon_pos,
.icon_qa,
.icon_qa:hover,
.icon_qr,
.icon_radio,
.icon_rank_1,
.icon_rank_2,
.icon_rank_3,
.icon_rank_s,
.icon_recommend,
.icon_reduce,
.icon_refresh,
.icon_refresh2,
.icon_search,
.icon_sel,
.icon_select,
.icon_select_alipay,
.icon_select_alipay_hover,
.icon_select_alipay_small,
.icon_select_bank,
.icon_select_bank_small,
.icon_select_huabei,
.icon_select_huabei_small,
.icon_select_wx_small,
.icon_setting,
.icon_shop,
.icon_slide_left,
.icon_slide_left2,
.icon_slide_left2:hover,
.icon_slide_right,
.icon_slide_right2,
.icon_slide_right2:hover,
.icon_spect,
.icon_spect:hover,
.icon_status_failed,
.icon_status_progressing,
.icon_status_success,
.icon_status_waiting,
.icon_steam_big,
.icon_steam_small,
.icon_stick,
.icon_success,
.icon_success_big,
.icon_success_mid,
.icon_table,
.icon_time,
.icon_top_cur,
.icon_tranintrs,
.icon_tranintrs2,
.icon_up,
.icon_upload,
.icon_uploading,
.icon_vip,
.icon_vip_on,
.icon_waiting_big,
.icon_warn-blue,
.icon_warning_mid,
.icon_warntip,
.icon_warntip:hover,
.icon_zhimacredit,
.icon_zhimacredit_small,
.list_card_small .icon_check,
.list_card_small .on .icon_check,
.login-other a:hover .icon_steam_small,
.lv-high,
.lv-normal,
.lv-super,
.lv-text-high,
.lv-text-normal,
.lv-text-super,
.my-menu li,
.my-menu li.on,
.my-menu li:hover,
.news-comment-good:hover .icon_good2,
.on .b_default,
.on .focus_dot,
.on .icon_arr_light,
.on .icon_check,
.on .icon_check_small,
.on .icon_checkbox,
.on .icon_drop,
.on .icon_drop_small,
.on .icon_good,
.on .icon_good2,
.on .icon_menu_contribute,
.on .icon_menu_coupon,
.on .icon_menu_fav,
.on .icon_menu_gift,
.on .icon_menu_invite,
.on .icon_menu_msg,
.on .icon_menu_setting,
.on .icon_menu_vip,
.on .icon_menu_wallet,
.on .icon_radio,
.on .icon_sel,
.on .icon_select_alipay,
.on .icon_select_alipay_small,
.on .icon_select_bank,
.on .icon_select_bank_small,
.on .icon_select_huabei,
.on .icon_select_huabei_small,
.on .icon_select_wx_small,
.on.icon_recommend,
.on:hover .icon_good,
.on:hover .icon_good2,
.on>.icon_fav,
.pinterest-action:hover .icon_good,
.pinterest-op:hover .icon_open,
.pinterest-op:hover .icon_packup,
.roll-time,
.showdrop .icon_arr_light,
.tab li.on,
.tab li:hover,
.tag_reduce .icon_order,
.tag_rise .icon_order,
.tb-Order.w-Order_asc .icon_order,
.tb-Order.w-Order_des .icon_order,
.vip-mark_on .icon_vip,
.w-Order_asc .icon_order,
.w-Order_des .icon_order,
.w-Search .icon_search,
.w-Select-Multi .hover .icon_drop,
.w-Select-Multi li .icon_drop,
.w-Type.on .icon_grid,
.w-Type.on .icon_table,
.w-Type:hover .icon_grid,
.w-Type:hover .icon_table,
.wiki-open.on .icon-wikiopen,
.wiki-open.on:hover .icon-wikiopen,
.wiki-open:hover .icon-wikiopen,
a:hover .icon_3d,
a:hover .icon_change,
a:hover .icon_epaycredit_small,
a:hover .icon_game,
a:hover .icon_refresh,
a:hover .icon_refresh2,
a:hover .icon_setting,
a:hover .icon_shop,
a:hover .icon_zhimacredit_small,
li.on .icon_checkbox_big,
li.on:hover .icon_checkbox_big,
li:hover .icon_checkbox_big,
span.on:hover .icon_checkbox,
span:hover .icon_checkbox {
	background-image: url(../images/sprite/icon.less.png?20210907153113)
}

.pubg-selType .icon {
	width: 32px;
	height: 32px
}

.pubg_footwear {
	background-position: -34px 0
}

.pubg_crates {
	background-position: 0 -35px
}

.pubg_gloves {
	background-position: -34px -34px
}

.pubg_headgear {
	background-position: -68px 0
}

.pubg_jackets {
	background-position: 0 -69px
}

.pubg_bottoms {
	background-position: -68px -34px
}

.pubg_face,
.pubg_masks {
	background-position: -34px -68px
}

.pubg_eyewear {
	background-position: 0 0
}

.pubg_shirts {
	background-position: -68px -68px
}

.pubg_weapons {
	background-position: -102px 0
}

.packagebox .icon {
	width: 12px;
	height: 12px
}

.icon_corner_red {
	background-position: 0 -103px
}

.icon_corner_blue {
	background-position: -14px -103px
}

.icon_corner_purple1 {
	background-position: -28px -103px
}

.icon_corner_purple2 {
	background-position: -102px -34px
}

.icon_corner_gray1 {
	background-position: -42px -102px
}

.icon_corner_gray2 {
	background-position: -102px -48px
}

.icon_corner_green {
	background-position: -56px -102px
}

.icon_corner_yellow {
	background-position: 0 -117px
}

.icon_corner_blue,
.icon_corner_gray1,
.icon_corner_gray2,
.icon_corner_green,
.icon_corner_purple1,
.icon_corner_purple2,
.icon_corner_red,
.icon_corner_yellow,
.pubg_bottoms,
.pubg_crates,
.pubg_eyewear,
.pubg_face,
.pubg_footwear,
.pubg_gloves,
.pubg_headgear,
.pubg_jackets,
.pubg_masks,
.pubg_shirts,
.pubg_weapons {
	background-image: url(../images/sprite/icon_pubg.less.png?20210907153113)
}

.h1z1-selType .icon {
	width: 32px;
	height: 32px
}

.h1z1_s1 {
	background-position: 0 0
}

.h1z1_s2 {
	background-position: -34px 0
}

.h1z1_s3 {
	background-position: 0 -34px
}

.h1z1_s4 {
	background-position: -34px -34px
}

.h1z1_s5 {
	background-position: 0 -68px
}

.h1z1_s6 {
	background-position: -68px 0
}

.h1z1_s7 {
	background-position: -68px -34px
}

.h1z1_s8 {
	background-position: -34px -68px
}

.h1z1_s9 {
	background-position: -68px -68px
}

.h1z1_s1,
.h1z1_s2,
.h1z1_s3,
.h1z1_s4,
.h1z1_s5,
.h1z1_s6,
.h1z1_s7,
.h1z1_s8,
.h1z1_s9 {
	background-image: url(../images/sprite/icon_h1z1.less.png?20210907153113)
}

.icon_csgo_tool_sticker {
	background-position: 0 0
}

.icon_csgo_type_knife {
	background-position: -34px 0
}

.icon_csgo_type_machinegun {
	background-position: 0 -34px
}

.icon_csgo_type_other {
	background-position: -34px -34px
}

.icon_csgo_type_pistol {
	background-position: 0 -68px
}

.icon_csgo_type_rifle {
	background-position: -68px 0
}

.icon_csgo_type_shotgun {
	background-position: -68px -34px
}

.icon_csgo_type_smg {
	background-position: -34px -68px
}

.icon_csgo_type_weaponcase {
	background-position: -68px -68px
}

.icon_type_hands {
	background-position: -102px 0
}

.icon_csgo_type_customplayer {
	background-position: 0 -102px
}

.icon_csgo_tool_sticker,
.icon_csgo_type_customplayer,
.icon_csgo_type_knife,
.icon_csgo_type_machinegun,
.icon_csgo_type_other,
.icon_csgo_type_pistol,
.icon_csgo_type_rifle,
.icon_csgo_type_shotgun,
.icon_csgo_type_smg,
.icon_csgo_type_weaponcase,
.icon_type_hands {
	background-image: url(../images/sprite/icon_csgo.less.png?20210907153113)
}

.tf2-selType .icon {
	width: 48px;
	height: 48px
}

.tf2-selType .item p {
	padding: 4px 0 12px !important
}

.tf2_s1 {
	background-position: -100px -100px
}

.tf2_s2 {
	background-position: 0 0
}

.tf2_s3 {
	background-position: -50px 0
}

.tf2_s4 {
	background-position: 0 -50px
}

.tf2_s5 {
	background-position: -50px -50px
}

.tf2_s6 {
	background-position: 0 -100px
}

.tf2_s7 {
	background-position: -100px 0
}

.tf2_s8 {
	background-position: -100px -50px
}

.tf2_s9 {
	background-position: -50px -100px
}

.tf2_s1,
.tf2_s2,
.tf2_s3,
.tf2_s4,
.tf2_s5,
.tf2_s6,
.tf2_s7,
.tf2_s8,
.tf2_s9 {
	background-image: url(../images/sprite/icon_tf2.less.png?20210907153113)
}

.rust-selType .icon {
	width: 48px;
	height: 48px
}

.rust-selType .item p {
	padding: 4px 0 12px !important
}

.rust_s1 {
	background-position: 0 0
}

.rust_s2 {
	background-position: -50px 0
}

.rust_s3 {
	background-position: 0 -50px
}

.rust_s4 {
	background-position: -50px -50px
}

.rust_s5 {
	background-position: 0 -100px
}

.rust_s1,
.rust_s2,
.rust_s3,
.rust_s4,
.rust_s5 {
	background-image: url(../images/sprite/icon_rust.less.png?20210907153113)
}

.i_Btn_vip {
	background: no-repeat;
	background-position: 0 0;
	width: 184px;
	height: 52px;
	display: inline-block
}

.i_Btn_vip:hover {
	background-position: 0 -54px
}

.icon_mode_card {
	width: 24px;
	height: 24px;
	background-position: 0 -108px
}

.icon_mode_card.on {
	background-position: -26px -108px
}

.icon_mode_list {
	width: 24px;
	height: 24px;
	background-position: -52px -108px
}

.icon_mode_list.on {
	background-position: -78px -108px
}

.i_Btn_vip,
.i_Btn_vip:hover,
.icon_mode_card,
.icon_mode_card.on,
.icon_mode_list,
.icon_mode_list.on {
	background-image: url(../images/sprite/icon_2021.less.png?20210907153113)
}

.c_Green {
	color: #0b0
}

.c_White {
	color: #fff
}

.c_Gray {
	color: #959595 !important
}

.c_DGray {
	color: #666
}

.c_Red {
	color: red
}

.c_DRed {
	color: #c00
}

.c_Highlight {
	color: #eea20e
}

.c_Blue {
	color: #4D80E1 !important
}

.c_Blue2 {
	color: #4571CB !important
}

.c_Green {
	color: #508F50
}

.c_Green2 {
	color: #069B17
}

.c_Brown {
	color: #894040
}

.c_yellow1 {
	color: #CF6A32 !important
}

.c_yellow2 {
	color: #F1AD4D !important
}

.c_purle {
	color: #B36AE6 !important
}

.c_White2 {
	color: #B2B2B2 !important
}

a.c_Blue:hover {
	color: #6296FB !important
}

.c_Yellow,
a.c_Yellow {
	color: #eea20e !important
}

.c_placeholder {
	color: silver
}

.c_Error {
	color: #DD2F0B
}

a.c_Yellow:hover {
	color: #eea20e
}

.c_Highlight,
.c_Highlight a,
a .c_Highlight {
	color: #4ccaa1
}

.c_Highlight:link,
.c_Highlight:visited {
	color: #4ccaa1 !important
}

.c_Highlight:active,
.c_Highlight:hover {
	color: #73d6b6 !important
}

.lighting {
	position: absolute;
	z-index: 10;
	width: 330px;
	height: 36px;
	background: url(../images/site/lighting.png) no-repeat left top
}

.a_Black:link {
	color: #515151
}

.a_Black:visited {
	color: #515151
}

.a_Black:active,
.a_Black:hover {
	color: #EEA20E
}

.a_Gray:link {
	color: #999
}

.a_Gray:visited {
	color: #666
}

.a_Gray:active,
.a_Gray:hover {
	color: #EEA20E
}

.a_White:link,
.a_White:visited {
	color: #fff
}

.a_White:active,
.a_White:hover {
	color: #eea20e
}

.a_Black:active,
.a_Blue:hover {
	color: #4773C8
}

.blank6 {
	height: 6px;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

.blank9 {
	height: 9px;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

.blank10 {
	height: 10px;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

.blank12 {
	height: 12px;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

.blank20 {
	height: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

.blank30 {
	height: 30px;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

.l_h15 {
	line-height: 1.5 !important
}

.f_12px {
	font-size: 12px
}

.f_12pxi {
	font-size: 12px !important
}

.f_14px {
	font-size: 14px !important
}

.f_16px {
	font-size: 16px !important
}

.f_20px {
	font-size: 20px !important
}

.f_28px {
	font-size: 28px !important
}

.f_Bold {
	font-weight: 700
}

.f_Normal {
	font-weight: 400
}

.f_Yahei {
	font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53
}

.f_line24 {
	line-height: 24px
}

.f_Indent {
	text-indent: 2em
}

.f_Underline {
	text-decoration: underline !important
}

.f_Underline:hover {
	text-decoration: none !important
}

a.f_Underline:link {
	color: #666
}

a.f_Underline:hover {
	color: #eea20e
}

.f_Strong {
	color: #eea20e;
	font-size: 17px
}

.f_Strong big {
	font-size: 23px
}

.f_Strong small {
	font-size: 14px
}

.t_Center,
table tr .t_Center {
	text-align: center
}

.t_Left,
table tr .t_Left {
	text-align: left
}

.t_Right,
table tr .t_Right {
	text-align: right
}

table tr .t_Vtop {
	vertical-align: top
}

.error {
	color: #DD2F0B;
	margin: 3px 0
}

.error .icon {
	margin: -2px 3px 0 0
}

.box-shadow {
	box-shadow: 1px 1px 2px #e0e0e0
}

.t_Ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.l_Clearfix {
	*zoom: 1
}

.l_Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clear {
	overflow: hidden;
	width: 100%;
	font-size: 0;
	height: 0;
	line-height: 0
}

.l_Layout {
	width: 1200px;
	margin: 0 auto
}

.l_Left {
	float: left
}

.l_Right {
	float: right
}

.l_BotRight {
	position: absolute;
	bottom: 10px;
	right: 10px
}

.l_BotRight .i_Btn_small {
	min-width: 48px
}

.i_Btn {
	text-align: center;
	padding: 4px 12px;
	font-size: 16px;
	display: inline-block !important;
	cursor: pointer;
	border-radius: 2px;
	vertical-align: middle;
	line-height: 30px;
	min-width: 96px
}

.i_Btn:link,
.i_Btn:visited {
	color: #fff !important;
	background: #4773C8;
	text-decoration: none !important
}

.i_Btn:hover {
	color: #fff;
	background: #567fcd url(../images/site/btn-bg.png) no-repeat center 32px
}

.i_Btn:active {
	background: #4773C8
}

.i_Btn_big {
	font-size: 18px;
	padding: 0 32px;
	border: none;
	height: 48px;
	line-height: 48px
}

.i_Btn_sub:link,
.i_Btn_sub:visited {
	color: #fff;
	background: #45536C;
	border-color: #21212b
}

.i_Btn_sub:hover {
	background: #536380 url(../images/site/btn-bg-sub.png) no-repeat center 32px
}

.i_Btn_sub:active {
	background: #45536C
}

.i_Btn_hollow:link,
.i_Btn_hollow:visited {
	line-height: 28px;
	min-width: 94px;
	background: 0;
	color: #4773C8 !important;
	border: 1px solid #4773C8;
	background: #fff
}

.i_Btn_hollow:hover {
	color: #fff !important;
	background: #567FCD !important;
	border-color: #567FCD
}

.i_Btn_hollow:active {
	background: #4773C8
}

.i_Btn_D_red:link,
.i_Btn_D_red:visited {
	background: #773535
}

.i_Btn_D_red:hover {
	background: #894040
}

.i_Btn_D_red:active {
	background: #773535
}

.i_Btn_trans_bule {
	border: 1px solid #495B7E;
	color: #7688AC;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	padding: 0 6px
}

.i_Btn_trans_bule:active,
.i_Btn_trans_bule:hover,
.i_Btn_trans_bule:link,
.i_Btn_trans_bule:visited {
	color: #fff;
	background: #495B7E
}

.i_Btn_trans_bule .icon_2arrow {
	margin-top: -2px;
	margin-right: 4px
}

.i_Btn_small {
	height: 22px;
	line-height: 22px;
	padding: 0 6px;
	font-size: 12px;
	min-width: 64px
}

.i_Btn_small.i_Btn_hollow {
	height: 20px;
	line-height: 20px;
	min-width: 62px
}

.i_Btn_mid {
	height: 30px;
	line-height: 30px;
	padding: 0 6px;
	font-size: 14px;
	min-width: 84px
}

.i_Btn_mid.i_Btn_hollow {
	height: 28px;
	line-height: 28px;
	min-width: 82px
}

.i_Btn_mid2 {
	height: 30px;
	line-height: 30px;
	padding: 0 6px;
	font-size: 14px;
	min-width: 68px
}

.i_Btn_light {
	padding: 8px 18px;
	cursor: pointer;
	color: #333 !important;
	background: #fff;
	border: 1px solid #e3e3e3
}

.i_Btn_light:active,
.i_Btn_light:hover {
	border-color: #ccc;
	background: #f1f1f1
}

.i_Btn_disabled:link,
.i_Btn_disabled:visited {
	color: #eee !important;
	background: #C1C1C1 !important;
	cursor: not-allowed;
	border-color: #c1c1c1
}

.i_Btn_delete:link,
.i_Btn_delete:visited {
	color: #999;
	font-size: 24px
}

.i_Btn_delete:active,
.i_Btn_delete:hover {
	color: #fc5600
}

.i_Btn_large {
	font-size: 16px;
	min-width: 200px;
	padding: 16px 30px
}

.i_Btn_red {
	border-color: #fc5600;
	padding: 0 6px;
	min-width: auto;
	font-size: 13px;
	height: 18px;
	line-height: 18px
}

.i_Btn_red:link,
.i_Btn_red:visited {
	color: #fc5600
}

.i_Btn_red:active,
.i_Btn_red:hover {
	background: 0;
	border-color: #f5be54;
	color: #f5be54
}

.l_Right .i_Btn {
	margin-left: 12px
}

.i_Text {
	border: 1px solid #e3e3e3;
	padding: 3px 6px;
	line-height: 24px;
	background: #fff;
	min-height: 24px;
	border-radius: 2px;
	vertical-align: middle;
	color: #515151
}

.i_Text:focus {
	border-color: #EEA20E;
	outline: 0;
	background: #F9F7F2
}

textarea.i_Text {
	height: auto
}

.i_Text_error,
.i_Text_error input {
	border-color: #EE9482;
	background: #FEF8F7
}

.j_filter {
	background: #fff url(../images/site/yuan-ico.png) no-repeat 12px center;
	padding-left: 28px !important
}

.j_filter:focus {
	background: #f9f7f2 url(../images/site/yuan-on-ico.png) no-repeat 12px center
}

.tag {
	font-size: 12px;
	display: inline-block;
	border-radius: 2px;
	background: #33353B;
	color: #fff;
	height: 18px;
	line-height: 17px;
	padding: 0 6px;
	margin: 0 6px 0 0;
	white-space: nowrap
}

.tag_uncommon {
	background: #82BDFF
}

.tag_rare {
	background: #7C8FF5
}

.tag_mythical {
	background: #A876F9
}

.tag_legendary {
	background: #DC5EEA
}

.tag_ancient {
	background: #E06B6A
}

.tag_immortal {
	background: #F2B166
}

.tag_arcana {
	background: #9ACC4C
}

.tag_seasonal {
	background: #3c3
}

.tag_standard {
	background: #acbfd6
}

.tag_strange {
	background: #d16a2b
}

.tag_lucky {
	background: #25cf22
}

.tag_genuine {
	background: #4b7553
}

.tag_tournament {
	background: #864dae
}

.tag_frozen {
	background: #4381b6
}

.tag_autographed {
	background: #ace753
}

.tag_haunted {
	background: #884bae
}

.tag_base {
	background: #aeaeae
}

.tag_corrupted {
	background: #a82928
}

.tag_unusual {
	background: #894dad
}

.tag_infused {
	background: #8239f2
}

.tag_exalted {
	background: #ccc
}

.tag_vintage {
	background: #455e90
}

.tag_legacy {
	background: #FAFAFA;
	color: #333
}

.tag_error {
	background: #894040;
	border: 1px solid #C15555
}

.tag_service {
	color: #069B17;
	border: 1px solid #069B17;
	background: 0 0
}

.tag_close {
	color: #959595;
	border: 1px solid #959595;
	background: 0 0
}

.tag_rise {
	background: #247224
}

.tag_reduce {
	background: #894040
}

.tag_black {
	background: #14181F
}

.tag_gray2 {
	cursor: default;
	background: #5F5F5F;
	color: #B1B7BC
}

.stag {
	padding: 2px 7px 3px;
	border-radius: 12px;
	font-size: 12px !important;
	line-height: 16px !important;
	color: #FAFAFA;
	display: inline-block;
	background: #959595
}

.stag_red {
	background: #C24B49
}

.stag_green {
	background: #529F53
}

.stag_blue {
	background: #4B69FF
}

.stag_black {
	background: #5C546C
}

.ktag {
	padding: 4px 6px;
	border: 1px solid #B8615C;
	border-radius: 2px;
	font-size: 12px;
	line-height: 16px;
	color: #B8615C
}

.ctag {
	cursor: pointer;
	display: inline-block;
	border: 1px solid #E6E6E6;
	color: #959595;
	border-radius: 12px;
	font-size: 12px;
	padding: 2px 6px;
	line-height: 18px
}

.ctag b {
	margin-left: -4px;
	margin-right: 2px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	background: #E6E6E6
}

.ctag b i {
	margin-top: -3px
}

.ctag:hover {
	color: #4773C8;
	border-color: #4773C8
}

.ctag:hover b {
	background: #4773C8
}

.tag_status {
	font-size: 12px;
	display: inline-block;
	border-radius: 2px;
	background: #eea20e;
	color: #fff;
	height: 16px;
	line-height: 15px;
	padding: 0 4px;
	font-style: normal;
	font-weight: 400 !important
}

.tag_status_hollow {
	background: 0;
	color: #eea20e;
	border: 1px solid #eea20e
}

.tag_status_get {
	background: #4773C8
}

.tag_gray {
	background: #5e6e83
}

.l_Tb td,
.l_Tb th {
	padding: 6px;
	font-size: 14px;
	line-height: 1.5em
}

.l_Tb th {
	font-weight: 400
}

.l_Tb td {
	text-align: left
}

.l_Tb .t_Vtop {
	padding: 9px 3px 0
}

.tip {
	line-height: 20px;
	margin: 6px 0
}

.tip .icon {
	margin: -2px 6px 0 0
}

.statuslist {
	padding: 7px 0;
	background: #1E283B;
	background: rgba(30, 40, 59, .8);
	*filter: alpha(opacity=80);
	border-radius: 2px;
	color: #E4E8EE;
	margin-bottom: 20px
}

.status {
	font-size: 12px;
	line-height: 36px;
	padding: 7px 20px
}

.status a {
	color: #E4E8EE;
	text-decoration: underline
}

.status a:hover {
	color: #fff
}

.status-text,
.status-text2 {
	float: left;
	width: 230px
}

.status-text2 {
	width: 100px
}

.status-text2 img {
	margin-right: 4px
}

.status-user,
.status-user2 {
	float: left;
	padding: 0 12px;
	width: 260px
}

.status-user img,
.status-user2 img {
	margin-right: 9px
}

.status-user2 {
	width: 190px;
	font-weight: 700;
	padding-left: 0
}

.status-user2 img {
	margin-left: 0
}

.status-date,
.status-rank {
	width: 140px;
	float: left;
	padding: 0 12px
}

.status-date {
	width: 260px
}

.status-code {
	float: left;
	padding: 0 12px
}

.status-bar {
	float: right;
	padding: 0 12px;
	height: 36px;
	line-height: 36px;
	width: 350px;
	border-radius: 2px;
	color: #fff;
	background: #88621A;
	background: linear-gradient(270deg, rgba(206, 170, 52, .8) 0, rgba(189, 149, 42, .8) 36%, rgba(160, 113, 24, .8) 100%)
}

.status-bar2 {
	width: 100%;
	float: inherit;
	text-align: center;
	box-sizing: border-box;
	color: #ECECEC;
	font-size: 12px;
	background-image: linear-gradient(90deg, rgba(91, 126, 176, .8) 0, rgba(46, 71, 120, .8) 100%)
}

.status-bar2 .icon {
	margin: -2px 5px 0
}

.status-bar2 a {
	color: #ECECEC;
	cursor: pointer
}

.status-bar2 a:hover {
	color: #fff
}

.status-desc {
	float: left
}

.status-timer {
	float: right
}

.status_processing .status-bar {
	background: #2D4167;
	background: linear-gradient(270deg, rgba(91, 126, 176, .8) 0, rgba(46, 71, 120, .8) 100%)
}

.status_success .status-bar {
	background: #40764C;
	background: linear-gradient(270deg, rgba(95, 166, 105, .8) 0, rgba(49, 108, 56, .8) 100%)
}

.status_failed .status-bar {
	background: #753B3A;
	background: linear-gradient(90deg, rgba(190, 116, 116, .8) 0, rgba(137, 64, 64, .8) 100%)
}

.pager {
	text-align: center
}

.pager ul {
	display: inline-block
}

.pager li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px 0 0
}

.pager li * {
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 14px;
	min-width: 6px;
	border: 1px solid silver;
	border-radius: 2px;
	color: #45536C
}

.pager li :hover {
	border-color: #45536C
}

.pager li.active * {
	background: #45536C;
	color: #fff;
	border-color: #45536c
}

.pager li.disabled * {
	border-color: #F4F4F5;
	background: #F4F4F5;
	color: #909198
}

.pager .w-Select {
	border-color: silver;
	color: #45536C
}

.pager .w-Select:hover {
	border-color: #45536C
}

.pager .w-Select h3 {
	height: 34px;
	line-height: 34px;
	padding-left: 14px
}

.pager .w-Select ul {
	top: 37px
}

.pager .w-Select ul li {
	height: 34px;
	line-height: 34px;
	padding-left: 14px
}

.pager li,
.pager ul {
	*display: inline
}

.card-pager {
	padding-top: 20px;
	padding-bottom: 10px
}

.list-pager {
	padding-top: 40px;
	padding-bottom: 30px
}

.header {
	color: #DEE1E6;
	background: url(../images/site/top-bg.png) no-repeat center top;
	height: 70px;
	border-bottom: 1px solid #2F3542;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	background-image: linear-gradient(0deg, rgba(37, 60, 98, .14) 0, rgba(98, 127, 173, .6) 99%)
}

.header a:link,
.header a:visited {
	color: #DEE1E6
}

.header a:active,
.header a:hover {
	color: #fbfbfc
}

.header .logo {
	float: left;
	margin: 28px 48px 0 0
}

.header .nav li {
	float: left;
	position: relative
}

.header .nav li a {
	display: block;
	height: 70px;
	line-height: 70px;
	padding: 0 12px
}

.header .nav li a strong {
	font-weight: 400;
	display: inline-block;
	height: 68px;
	line-height: 68px;
	cursor: pointer
}

.header .nav li:hover {
	background: #3D475D;
	background: rgba(70, 72, 94, .4)
}

.header .nav li.on:hover {
	background: 0 0
}

.header .nav li.on a strong {
	border-bottom: 2px solid #4886FF;
	color: #fff
}

.header .nav li .icon_new {
	top: 26px;
	left: 6px
}

.header .nav {
	float: left
}

.header .nav ul {
	float: left;
	margin: 0 0 0
}

.header .nav_entries {
	float: right;
	margin: 0;
	line-height: 70px
}

.header .nav_entries ul {
	float: right;
	margin-right: 9px
}

.header .login-user {
	float: right;
	position: relative
}

.header .login-user img {
	border-radius: 50%
}

.header .login-user strong {
	margin: 0 9px;
	font-weight: 400
}

.header-switcher {
	float: right;
	position: relative;
	cursor: pointer
}

.header-switcher h3 {
	line-height: 70px;
	padding: 0 10px 0 30px
}

.header-switcher .icon_arr_light {
	margin-left: 5px
}

.header-switcher .j_drop {
	position: absolute;
	background: #313A44;
	border: 1px solid #282F38;
	border-radius: 2px;
	top: 60px;
	right: 0
}

.header-switcher .j_drop p {
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	padding: 0 20px 0 10px
}

.header-switcher .j_drop p .icon {
	margin: -2px 6px 0 0
}

.header-switcher .j_drop p:hover {
	background: #3A4452
}

.header-switcher .j_drop p.on {
	color: #EEA20E
}

.game-select {
	float: right
}

.game-select .header-switcher .j_drop {
	width: 200px;
	right: auto;
	left: 26px
}

.game-select h3 {
	padding-right: 20px
}

.game-select h3 img {
	vertical-align: middle;
	margin: -3px 4px 0 0
}

.game-select h3 .tag_status {
	margin: 0 0 0 9px;
	position: relative;
	top: -1px
}

.game-select h3 strong {
	font-weight: 400;
	margin-right: 3px
}

.game-select p {
	position: relative
}

.game-select p img {
	margin: -3px 4px 0 0
}

.game-select p .tag_status {
	position: absolute;
	right: 6px;
	top: 10px
}

.icon_lang_zh-Hans {
	width: 16px;
	height: 16px;
	background: url(../images/language/language_cn.png)
}

.icon_lang_en {
	width: 16px;
	height: 16px;
	background: url(../images/language/language_en.png)
}

.drop-store {
	width: 260px;
	min-height: 180px;
	background: #3a4452;
	border: 1px solid #282F39;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	border-radius: 2px;
	line-height: 1em !important;
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 104
}

.drop-store p {
	line-height: 24px;
	padding: 0;
	margin: 0
}

.store-user {
	padding: 20px;
	background: #313a45;
	font-size: 0
}

.store-user img {
	float: left;
	margin: 0 12px 0 0
}

.store-user h3 {
	padding: 6px 0 9px;
	color: #E4E8EE;
	vertical-align: middle;
	max-width: 122px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.store-user a:link,
.store-user a:visited {
	color: #4773C8
}

.store-user a:hover {
	color: #eea20e
}

.store-account {
	text-align: center;
	padding: 18px
}

.store-account h4 {
	color: #90969C;
	margin: 0 0 9px
}

.store-account .i_Btn {
	margin: 0 9px
}

.gamesel {
	float: left;
	cursor: pointer;
	width: 120px;
	padding: 32px 0 28px;
	position: relative;
	z-index: 101
}

.gamesel .icon {
	position: absolute;
	right: 24px;
	top: 40px
}

.gamesel img {
	margin: -2px 9px 0 0
}

.gamesel.on div {
	display: block
}

.gamesel div {
	position: absolute;
	left: -16px;
	top: 60px;
	display: none;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	border-radius: 2px;
	width: 136px;
	z-index: 102
}

.gamesel div p {
	height: 47px;
	line-height: 47px;
	padding: 0 0 0 16px;
	background: #394250;
	border-bottom: 1px solid #282f39
}

.gamesel div p:hover {
	background: #323a47
}

.cru {
	margin: 0 auto 20px;
	font-size: 12px !important
}

.cru div.w-Select {
	min-width: 100px;
	z-index: 100;
	background: #2E384B
}

.cru div.w-Select h3,
.cru div.w-Select li {
	font-size: 12px !important
}

.cru span {
	margin-top: -2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 650px;
	display: inline-block;
	vertical-align: middle
}

.cru span,
.cru span a {
	color: #E4E8EE
}

.cru a:hover {
	color: #fff
}

.cru .icon_arr_right {
	margin: -3px 10px 0
}

.j_drop {
	display: none
}

.showdrop .j_drop {
	display: block
}

.header-cont {
	position: relative;
	z-index: 100
}

.notice {
	height: 24px;
	line-height: 24px;
	color: #7A9AC2;
	padding: 0 9px;
	font-size: 12px;
	position: relative;
	background: #324760;
	background: rgba(86, 113, 155, .5)
}

.notice a:link,
.notice a:visited {
	color: #ccc
}

.notice a:hover {
	color: #eea20e
}

.notice .close {
	font-size: 20px;
	color: #778BA5
}

.notice .l_Right {
	margin-left: 10px
}

.guide {
	padding: 50px 0 20px 100px;
	width: 1200px;
	margin: 0 auto
}

.guide h3 {
	color: #E4E8EE;
	font-weight: 700;
	margin: 9px 0;
	font-size: 15px
}

.guide li {
	height: 32px;
	line-height: 32px
}

.guide .guide-pre {
	width: 12px;
	height: 2px;
	background: #4773C8;
	font-size: 0;
	margin: 0 0 12px
}

.guide .line {
	background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
	*background: #4773C8;
	margin-top: 48px
}

.guide-section {
	float: left;
	width: 200px
}

.guide-section_qr {
	width: 100px
}

.footer {
	line-height: 24px;
	background: #272a2c url(../images/site/footer-bg.jpg) no-repeat center top;
	color: #959595;
	min-width: 1200px;
	overflow: hidden
}

@keyframes rotate-L {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0)
	}

	100% {
		transform: rotate(-359deg);
		-webkit-transform: rotate(-359deg)
	}
}

@-webkit-keyframes rotate-L {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0)
	}

	100% {
		transform: rotate(-359deg);
		-webkit-transform: rotate(-359deg)
	}
}

a.shalow-btn,
a:link.shalow-btn {
	height: 22px;
	line-height: 20px;
	padding: 0 5px;
	font-size: 12px;
	color: #EDEDED !important;
	background: rgba(168, 168, 174, .4);
	border: 1px solid rgba(78, 76, 89, .4);
	box-sizing: border-box;
	width: initial
}

a.shalow-btn,
a:link.shalow-btn:hover {
	cursor: pointer;
	background: rgba(168, 168, 174, .4);
	border: 1px solid rgba(255, 255, 255, .4)
}

a.shalow-btn2,
a:link.shalow-btn2 {
	height: 20px;
	line-height: 18px;
	padding: 0 5px;
	font-size: 12px;
	color: #3E3E3E !important;
	background: #F6F6F6;
	border: 1px solid #EFEFEF;
	border-radius: 2px;
	box-sizing: border-box;
	width: initial
}

a.shalow-btn2,
a:link.shalow-btn2:hover {
	cursor: pointer;
	background: #FFF
}

a.shalow-btn-green,
a:link.shalow-btn-green {
	background: rgba(6, 155, 23, .3);
	border: 1px solid rgba(132, 241, 144, .3)
}

a.shalow-btn-green:hover,
a:link.shalow-btn-green:hover {
	background: rgba(63, 255, 85, .3)
}

.w-Select,
.w-Select-Multi {
	border: 1px solid #E3E3E3;
	display: inline-block;
	border-radius: 2px;
	position: relative;
	visibility: hidden;
	cursor: pointer;
	z-index: 50;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-align: left;
	color: #515151;
	background: #fff;
	min-width: 80px
}

.w-Select h3,
.w-Select-Multi h3 {
	padding: 0 0 0 9px;
	height: 32px;
	line-height: 32px;
	z-index: 51;
	position: relative;
	font-size: 12px !important;
	white-space: nowrap
}

.w-Select h3 span.hidden,
.w-Select-Multi h3 span.hidden {
	display: none
}

.w-Select h3 span.raw,
.w-Select-Multi h3 span.raw {
	color: #515151
}

.w-Select .icon_drop,
.w-Select-Multi .icon_drop {
	position: absolute;
	right: 7px;
	top: 18px
}

.w-Select .sel-ico,
.w-Select-Multi .sel-ico {
	width: 16px;
	height: 16px;
	margin: -3px 9px 0 0;
	display: inline-block
}

.w-Select-Multi:hover,
.w-Select:hover {
	border-color: silver
}

.w-Select .icon_drop,
.w-Select-Multi .icon_drop {
	position: absolute;
	right: 7px;
	top: 18px
}

.w-Select ul,
.w-Select-Multi ul {
	position: absolute;
	min-width: 60px;
	top: 33px;
	left: 0;
	display: none;
	z-index: 52;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #F0F0F0;
	left: -1px;
	border-bottom: none
}

.w-Select ul li,
.w-Select-Multi ul li {
	height: 32px;
	line-height: 30px;
	padding: 0 9px;
	white-space: nowrap;
	font-size: 12px;
	color: #515151;
	border-bottom: 1px solid #e3e3e3
}

.w-Select ul li:hover,
.w-Select-Multi ul li:hover {
	background: #F8F8F8
}

.w-Select ul li.on,
.w-Select-Multi ul li.on {
	background: #F8F8F8
}

.w-Select ul li.off,
.w-Select-Multi ul li.off {
	padding-top: 4px;
	padding-bottom: 4px
}

.w-Select ul li.off:hover,
.w-Select-Multi ul li.off:hover {
	background: 0 0 !important
}

.w-Select-Multi.on,
.w-Select.on {
	z-index: 53
}

.w-Select-Multi.on ul,
.w-Select.on ul {
	display: block
}

.w-Select-Multi.w-Select-scroll ul,
.w-Select.w-Select-scroll ul {
	max-height: 256px;
	overflow-y: auto
}

.w-Select-Multi h3 {
	padding: 0 15px 0 9px
}

.w-Select-Multi ul {
	overflow: visible
}

.w-Select-Multi ul li {
	position: relative
}

.w-Select-Multi ul li.hover div {
	display: block
}

.w-Select-Multi ul li div {
	position: absolute;
	left: 100px;
	top: -1px;
	background: #fff;
	border: 1px solid #F0F0F0;
	display: none;
	max-height: 330px;
	overflow-x: hidden;
	overflow-y: auto
}

.w-Select-Multi ul li div p {
	height: 32px;
	line-height: 30px;
	padding: 0 9px;
	white-space: nowrap;
	color: #515151;
	border-bottom: 1px solid #e3e3e3
}

.w-Select-Multi ul li div p:hover {
	background: #F8F8F8
}

.w-Select-Multi ul li div p.on {
	background: #F8F8F8
}

.w-Select-Multi ul li.off {
	border-bottom: none
}

.w-Select-Multi ul h6 {
	line-height: 30px;
	font-size: 12px
}

.w-Select-Multi ul .w-Search {
	position: relative;
	width: 100%
}

.w-Select-Multi ul .w-Search .i_Text {
	width: 100%;
	min-width: 118px;
	height: 26px;
	line-height: 26px;
	padding-right: 30px;
	box-sizing: border-box;
	border-color: #373A4C;
	background: 0 0
}

.w-Select-Multi ul .w-Search .i_Text:focus {
	border-color: #A1A1A1
}

.w-Select-Multi ul .w-Search .i_Text:focus~a {
	border-color: #A1A1A1
}

.w-Select-Multi ul .w-Search a {
	position: absolute;
	padding: 0 5px 0 6px;
	right: 0;
	margin-left: 0;
	background: #45536C;
	top: 2px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #45536c;
	border-left: none
}

.w-Select-Multi ul .w-Search a .icon {
	margin: 0
}

.w-Select-Multi ul .w-Search a:hover {
	background: #3F5D97
}

.w-Select-Multi_wrap ul li div {
	width: 210px;
	height: auto;
	overflow: auto;
	padding: 0 0 6px
}

.w-Select-Multi_wrap ul li div p {
	height: 32px;
	line-height: 32px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	width: 77px;
	margin: 6px 0 0 6px;
	float: left;
	background: #353748;
	border-radius: 3px
}

div.rust-Select-Multi ul li div {
	width: 300px;
	height: auto;
	overflow: auto;
	padding: 0 0 6px
}

div.rust-Select-Multi ul li div p {
	height: 32px;
	line-height: 32px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	width: 120px;
	margin: 6px 0 0 6px;
	float: left;
	background: #353748;
	border-radius: 3px
}

.w-Select_big h3 {
	height: 46px;
	line-height: 46px;
	padding-left: 18px;
	color: #515151 !important;
	font-size: 14px !important
}

.w-Select_big .icon_drop {
	top: 33px
}

.w-Select_big ul {
	top: 49px;
	border-radius: 0;
	box-shadow: 0 0 5px #e0e0e0
}

.w-Select_big ul li {
	height: 46px;
	line-height: 46px;
	padding-left: 18px
}

.w-Select_mid h3 {
	height: 38px;
	line-height: 38px;
	padding-left: 16px;
	font-size: 14px !important
}

.w-Select_mid .icon_drop {
	top: 24px !important
}

.w-Select_mid ul {
	top: 39px !important
}

.w-Select_mid ul li {
	height: 38px;
	line-height: 38px;
	padding-left: 16px;
	font-size: 14px !important
}

.w-SelHero,
.w-Selectsearch,
.w-Stone {
	color: #515151;
	display: inline-block;
	border-radius: 2px;
	position: relative;
	cursor: pointer;
	z-index: 80;
	padding: 0;
	margin: 0;
	font-size: 0;
	border: 1px solid #E3E3E3;
	background: #fff;
	min-width: 100px
}

.w-SelHero h3,
.w-Selectsearch h3,
.w-Stone h3 {
	padding: 0 28px 0 9px;
	height: 30px;
	line-height: 30px;
	z-index: 51;
	position: relative;
	font-size: 12px !important
}

.w-SelHero .icon_drop,
.w-Selectsearch .icon_drop,
.w-Stone .icon_drop {
	position: absolute;
	right: 7px;
	top: 18px
}

.w-SelHero:hover,
.w-Selectsearch:hover,
.w-Stone:hover {
	border-color: silver
}

.w-SelHero.on .w-hero-drop,
.w-Selectsearch.on .w-hero-drop,
.w-Stone.on .w-hero-drop {
	display: block
}

.w-hero-drop,
.w-stone-drop {
	position: absolute;
	top: 34px;
	left: -1px;
	background: #fff;
	padding: 12px 6px 18px;
	width: 840px;
	display: none;
	border-radius: 2px;
	border: 1px solid #F0F0F0
}

.w-hero-drop .w-default,
.w-stone-drop .w-default {
	margin: 0 12px -18px 0
}

.black .w-SelHero {
	background: #2D2F3E;
	color: #9a9b9e;
	border: none
}

.black .w-SelHero.on,
.black .w-SelHero:hover {
	background: #3A455A;
	color: #fff
}

.black .w-SelHero h3 {
	height: 32px;
	line-height: 32px
}

.black .w-SelHero.on {
	border-bottom-color: #fff
}

.black .w-hero-drop,
.black .w-stone-drop {
	background: #2D2F3E;
	border: none;
	left: 0
}

.hero-type {
	float: left;
	width: 260px;
	margin: 0 10px
}

.hero-type h4 {
	margin: 0 0 12px 3px
}

.hero-type li {
	float: left;
	position: relative;
	margin: 2px;
	display: inline
}

.hero-type li i {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.hero-type li.on i,
.hero-type li:hover i {
	border: 1px solid #EEA20E
}

.w-Stone {
	z-index: 90
}

.w-Stone.on .w-Stone-mask,
.w-Stone.on .w-stone-drop {
	display: block
}

.w-stone-drop {
	font-size: 14px
}

.stone-tab {
	float: left;
	width: 92px
}

.stone-tab h5,
.stone-tab li {
	border: 1px solid #c8c7c9;
	text-align: center;
	height: 28px;
	line-height: 28px;
	margin-top: -1px;
	position: relative
}

.stone-tab h5:hover,
.stone-tab li:hover {
	background: #f0f0f0
}

.stone-tab h5.on,
.stone-tab li.on {
	border-color: #eea20e;
	background: #eea20e;
	color: #fff
}

.stone-tab li {
	border-radius: 2px
}

.stone-tab li.on {
	background: #fff;
	color: #333;
	border-width: 2px
}

.stone-tab ul {
	margin-top: 32px
}

.stone-list {
	margin-left: 120px
}

.stone-list li {
	float: left;
	border: 1px solid #c8c7c9;
	border-radius: 2px;
	margin: 0 9px 9px 0;
	white-space: nowrap
}

.stone-list li:hover {
	border-color: #999
}

.stone-list li.on {
	border-color: #eea20e
}

.stone-list li.on span {
	border-color: #eea20e
}

.stone-list li span {
	display: block;
	height: 26px;
	line-height: 26px;
	border-radius: 2px;
	border: 1px solid #fff;
	text-align: center;
	padding: 0 6px;
	min-width: 80px
}

.w-Sel-Hero {
	margin: 0 0 0 25px;
	float: left
}

.w-Sel-Hero .hero-type {
	width: 140px;
	position: relative;
	background: #2D2F3E;
	margin: 0 5px
}

.w-Sel-Hero .hero-type h4 {
	text-align: left;
	height: 42px;
	line-height: 42px;
	padding: 0 9px;
	margin: 0;
	position: relative
}

.w-Sel-Hero .hero-type h4 .icon_drop {
	position: absolute;
	right: 6px;
	top: 22px
}

.w-Sel-Hero .hero-type ul {
	width: 370px;
	display: none;
	position: absolute;
	background: #2D2F3E;
	padding: 4px 4px 6px;
	top: 42px;
	left: 0
}

.w-Sel-Hero .hero-type li {
	cursor: pointer
}

.w-Sel-Hero .hero-type.on ul {
	display: block
}

.w-Sel-Hero .ht1 {
	z-index: 33
}

.w-Sel-Hero .ht2 {
	z-index: 32
}

.w-Sel-Hero .ht3 {
	z-index: 31
}

.w-Search {
	font-size: 0;
	display: inline-block
}

.w-Search .icon {
	vertical-align: middle
}

.w-Search .i_Text {
	width: 240px;
	font-size: 12px
}

.w-Search a {
	display: inline-block;
	height: 32px;
	line-height: 30px;
	padding: 0 22px;
	background: #3F5D97;
	color: #E1E5EC;
	font-size: 14px;
	vertical-align: middle;
	border-radius: 0 2px 2px 0;
	margin-left: -2px
}

.w-Search a:hover {
	background: #4773c8;
	color: #fff
}

.w-Search a .icon {
	margin: 0 6px 0 0
}

.w-SelType {
	width: 164px;
	float: left;
	margin: 0 6px 0 5px;
	height: 155px;
	overflow: hidden;
	position: relative;
	z-index: 20;
	background: #2D2F3E
}

.w-SelType.on {
	overflow: visible
}

.w-SelType h4 {
	height: 40px;
	line-height: 42px;
	padding: 0 9px
}

.w-SelType h4 .icon_drop {
	position: absolute;
	right: 6px;
	top: 22px
}

.w-SelType ul {
	*zoom: 1;
	background: #2D2F3E;
	padding: 0 0 4px
}

.w-SelType ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.w-SelType ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.w-SelType ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.w-SelType li {
	float: left;
	width: 76px;
	height: 33px;
	line-height: 33px;
	margin: 4px 0 0 4px;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	background: #353748;
	border-radius: 2px;
	color: #90969C
}

.w-SelType li.on,
.w-SelType li:hover {
	color: #fff;
	background: #484b5f
}

.w-SelType li:active {
	background: #3d4050
}

.w-Tag span {
	height: 32px;
	line-height: 32px;
	min-width: 42px;
	text-align: center;
	display: inline-block;
	margin: 0 12px 0 0;
	border-radius: 2px;
	cursor: pointer;
	padding: 0 6px;
	font-size: 12px
}

.w-Tag span.on,
.w-Tag span.on:hover {
	background: #fc5600;
	color: #fff
}

.w-Tag span:hover {
	color: #eea20e
}

.w-Tag_big span {
	min-width: 140px;
	position: relative;
	border: 1px solid #E3E3E3;
	line-height: 46px;
	height: 46px;
	overflow: hidden;
	color: #999;
	margin: 0 20px 0 0;
	font-size: 16px
}

.w-Tag_big span .i_Text {
	border: none !important;
	background: 0;
	width: 200px;
	color: #999
}

.w-Tag_big span .icon {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0
}

.w-Tag_big span.on {
	font-weight: 700;
	color: #EEA20E !important;
	background: 0 0 !important
}

.w-Tag_big span.on .i_Text {
	font-weight: 700;
	color: #EEA20E !important
}

.w-Tag_big span.on,
.w-Tag_big span:hover {
	border-color: #EEA20E
}

.w-Tag_big span.on .icon,
.w-Tag_big span:hover .icon {
	display: block
}

.w-Tag_error {
	border-color: #EE9482 !important;
	background: #FEF8F7
}

.w-Key span {
	height: 32px;
	line-height: 32px;
	min-width: 42px;
	text-align: center;
	display: inline-block;
	margin-right: 12px;
	border-radius: 2px;
	padding: 0 20px 0 6px;
	position: relative;
	font-size: 12px;
	border: 1px solid #c8c7c9
}

.w-Key span:hover {
	border-color: #999
}

.w-Key span i {
	position: absolute;
	right: 6px;
	top: -1px;
	font-style: normal;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700
}

.w-Key.hasBot span {
	margin-bottom: 10px
}

.w-Counter {
	display: inline-block;
	position: relative;
	min-width: 186px;
	height: 30px;
	z-index: 10
}

.w-Counter .i_Text {
	width: 56px;
	margin: 0 6px;
	text-align: center;
	font-size: 12px
}

.w-Counter .i_Btn {
	min-width: 58px;
	width: 58px
}

.w-Counter .i_Btn_sub {
	margin: 0 18px 0 -1px
}

.w-Counter-pannel {
	position: absolute;
	top: -11px;
	left: -8px;
	width: 172px;
	padding: 54px 0 12px 15px;
	z-index: 35;
	background: #fff;
	display: none
}

.w-Counter-input {
	position: absolute;
	z-index: 40;
	width: 186px;
	left: 0;
	top: 0
}

.w-Counter-input2 {
	width: 192px
}

.w-Counter-input2:after,
.w-Counter-input2:before {
	content: attr(data-value);
	position: absolute;
	top: 0;
	font-size: 14px;
	width: 20px;
	text-align: center;
	line-height: 32px
}

.w-Counter-input2:before {
	left: 6px
}

.w-Counter-input2:after {
	left: 104px
}

.w-Counter-input2+.w-Counter-pannel {
	width: 190px
}

.w-Counter-input2+.w-Counter-pannel .i_Btn_small {
	width: 68px
}

.w-Counter-input2 .i_Text {
	width: 80px;
	box-sizing: border-box;
	padding: 3px 6px 3px 16px
}

.w-Counter-input3 {
	width: 210px
}

.w-Counter-input3+.w-Counter-pannel {
	width: 210px
}

.w-Counter-input3+.w-Counter-pannel .i_Btn_small {
	margin-left: 12px;
	min-width: 59px !important;
	width: 59px
}

.w-Counter-input3+.w-Counter-pannel .i_Btn_small:last-child {
	margin-left: 14px
}

.w-Order {
	display: inline-block;
	cursor: pointer;
	background: #3A455A;
	color: #fff;
	height: 32px;
	line-height: 32px;
	border-radius: 2px;
	padding: 0 12px 0 18px;
	font-size: 12px;
	text-align: center
}

.w-Order .icon {
	margin-left: 9px
}

.w-Order:hover {
	background: #45536C
}

.w-OrderGroup {
	font-size: 0;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #45536C;
	border-right: none;
	display: inline-block;
	line-height: 32px !important
}

.w-OrderGroup .w-Order {
	border-radius: 0;
	min-width: 60px;
	background: 0;
	border-right: 1px solid #45536C;
	color: #63779B;
	padding: 0 6px 0 22px;
	*padding: 0 12px 0 18px
}

.w-OrderGroup .w-Order:first-child {
	padding: 0 12px
}

.w-OrderGroup .w-Order_asc,
.w-OrderGroup .w-Order_des {
	background: #45536C;
	color: #fff
}

.w-Switcher {
	font-size: 0;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #45536C;
	display: inline-block;
	border-right: none
}

.w-Switcher span {
	display: inline-block;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 14px;
	text-align: center;
	color: #63779B;
	min-width: 60px;
	border-right: 1px solid #45536C
}

.w-Switcher span.on {
	color: #fff;
	background: #45536C
}

.w-Steper {
	display: inline-block;
	vertical-align: middle;
	background: #EFF0F1
}

.w-Steper span {
	line-height: 0;
	cursor: pointer;
	padding: 20px 0;
	font-size: 28px;
	text-align: center;
	width: 32px;
	font-family: simhei;
	color: #45536C;
	display: inline-block
}

.w-Steper span.disabled {
	color: #C4C5C8;
	cursor: not-allowed
}

.w-Steper input {
	width: 56px;
	text-align: center
}

.w-Checkbox,
.w-Radio {
	display: inline-block;
	cursor: pointer;
	font-size: 12px
}

.w-Checkbox span,
.w-Radio span {
	margin: 0 12px 0 0;
	color: #959595
}

.w-Checkbox span:hover,
.w-Radio span:hover {
	color: #333
}

.w-Checkbox .icon,
.w-Radio .icon {
	margin: -2px 6px 0 0 !important
}

.w-Switcher_tab {
	text-align: center;
	display: block;
	border: none
}

.w-Switcher_tab span {
	display: inline-block;
	position: relative;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	border-bottom: 3px solid transparent;
	margin: 0 10px;
	cursor: pointer;
	border-right: none;
	color: #4F4F4F
}

.w-Switcher_tab span:hover {
	color: #4773C8
}

.w-Switcher_tab span.on {
	color: #4773C8;
	border-color: #4773C8;
	background: 0 0
}

.w-Switcher_tab span.on .icon {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: 28px
}

.w-Switcher_tab span .icon {
	display: none
}

.black {
	color: #9a9b9e
}

.black .w-Counter .i_Text {
	border-color: #484B5F;
	background: 0 0
}

.black .w-Counter .i_Text:focus {
	border-color: #3F5D97
}

.black .w-Counter .i_Text::-webkit-input-placeholder {
	color: #535F6C
}

.black .w-Counter .i_Text:-moz-placeholder {
	color: #535F6C
}

.black .w-Counter .i_Text::-moz-placeholder {
	color: #535F6C
}

.black .w-Counter .i_Text:-ms-input-placeholder {
	color: #535F6C
}

.black .w-Counter-input2:active,
.black .w-Counter-input2:hover {
	color: #fff
}

.black .w-Counter-pannel {
	background: #2D2F3E
}

.black .w-Counter-pannel .i_Btn_main {
	margin: 0
}

.black .i_Text {
	border-color: #3F5D97;
	color: #E4E8EE;
	background: #1c2942;
	background: rgba(72, 134, 255, .16)
}

.black .i_Text:focus {
	border-color: #4773C8;
	color: #E4E8EE
}

.black .i_Text::-webkit-input-placeholder {
	color: #657189
}

.black .i_Text:-moz-placeholder {
	color: #657189
}

.black .i_Text::-moz-placeholder {
	color: #657189
}

.black .i_Text:-ms-input-placeholder {
	color: #657189
}

.black .w-Counter-input {
	color: #888D94
}

.black .w-Tag span {
	border: none
}

.black .w-Tag span.on,
.black .w-Tag span:hover {
	color: #EEA20E
}

.black .w-Tag span.on {
	background: #EEA20E;
	color: #fff
}

.black .w-Key span {
	background: #353748;
	color: #9a9b9e;
	border: none
}

.black .w-Key span:hover {
	color: #E4E8EE
}

.black .w-Search span {
	background: #222E48;
	border-color: #3F5D97
}

.black .w-Search span:hover {
	background-color: #2a3959
}

.black .w-Checkbox,
.black .w-Radio {
	color: #929394
}

.black .w-Checkbox span:hover,
.black .w-Radio span:hover {
	color: #ccc !important
}

.black .w-Checkbox span.on,
.black .w-Radio span.on {
	color: #929394
}

.black .w-Select,
.black .w-Select-Multi {
	background: #2D2F3E;
	color: #9a9b9e;
	border: none
}

.black .w-Select-Multi:hover,
.black .w-Select:hover {
	background: #3A455A;
	color: #E4E8EE
}

.black .w-Select .icon_drop,
.black .w-Select-Multi .icon_drop {
	position: absolute;
	right: 7px;
	top: 18px
}

.black .w-Select h3 span.raw,
.black .w-Select-Multi h3 span.raw {
	color: #9a9b9e
}

.black .w-Select ul,
.black .w-Select-Multi ul {
	background: #2D2F3E;
	top: 33px;
	border: none;
	left: 0
}

.black .w-Select ul li,
.black .w-Select-Multi ul li {
	color: #E4E8EE;
	border-color: #373A4C
}

.black .w-Select ul li:hover,
.black .w-Select-Multi ul li:hover {
	background: #3A455A
}

.black .w-Select ul li.on,
.black .w-Select-Multi ul li.on {
	background: #3A455A
}

.black .w-Select-Multi ul li div {
	background: #2D2F3E;
	border: none;
	top: 1px
}

.black .w-Select-Multi ul li div p {
	color: #E4E8EE;
	border-color: #373A4C
}

.black .w-Select-Multi ul li div p:hover {
	background: #3A455A
}

.black .w-Select-Multi ul li div p.on {
	background: #3A455A
}

#j_w-Toast p,
.w-Checkbox,
.w-Counter,
.w-Key,
.w-Order,
.w-OrderGroup,
.w-Radio,
.w-Search,
.w-SelHero,
.w-Select,
.w-Select-Multi,
.w-Selectsearch,
.w-Steper,
.w-Steper span,
.w-Stone,
.w-Switcher,
.w-Switcher span,
.w-Tag,
.w-Tag span {
	*display: inline;
	vertical-align: middle
}

.w-Checkbox,
.w-Key,
.w-Order,
.w-Radio,
.w-SelHero,
.w-SelType,
.w-Select,
.w-Select-Multi,
.w-Selectsearch,
.w-Steper span,
.w-Stone,
.w-Switcher,
.w-Tag {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none
}

#j_Message {
	position: fixed;
	right: 12px;
	top: 12px;
	z-index: 600
}

.w-Message {
	background: #616169;
	color: #fff;
	font-size: 15px;
	padding: 16px 20px;
	border-radius: 2px;
	max-width: 300px;
	min-width: 260px;
	text-align: center;
	margin-bottom: 12px;
	position: relative;
	animation: downIn .4s 0s ease-in-out 1 forwards;
	-webkit-animation: downIn .4s 0s ease-in-out 1 forwards
}

.w-Message .icon {
	margin: -2px 6px 0 0
}

.w-Message-cont {
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	font-size: 15px;
	line-height: 20px
}

.w-Message-close {
	position: absolute;
	right: 10px;
	top: 6px;
	font-style: normal;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	display: none
}

.w-Message-close:hover {
	color: #ddd
}

.w-Message_success {
	background: #4CCAA1
}

.w-Message_warning {
	background: #F2B166
}

#j_w-Toast {
	background: #323B47;
	*filter: alpha(opacity=96);
	opacity: .96;
	border-radius: 2px;
	padding: 22px 50px;
	color: #E4E8EE;
	font-size: 16px;
	min-width: 150px;
	text-align: center;
	max-width: 460px;
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 100000;
	animation: upShow .2s 0s ease-in-out 1 forwards;
	-webkit-animation: upShow .2s 0s ease-in-out 1 forwards
}

#j_w-Toast p {
	display: inline-block;
	text-align: left;
	line-height: 26px
}

#j_w-Toast p .icon {
	margin: -2px 6px 0 0
}

@keyframes downIn {
	0% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes downIn {
	0% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes upShow {
	0% {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes upShow {
	0% {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

.w-Selectsearch {
	width: 268px;
	z-index: 8
}

.w-Selectsearch h3 {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.w-Selectsearch h3 .icon_all {
	display: none
}

.w-Selectsearch .icon_drop {
	top: 28px
}

.w-Selectsearch .w-Selectsearch-drop {
	display: none
}

.w-Selectsearch:hover .w-Selectsearch-drop {
	border-color: silver
}

.w-Selectsearch.on {
	z-index: 90
}

.w-Selectsearch.on .w-Selectsearch-drop {
	display: block
}

.w-Selectsearch--disable {
	background: #F3F3F3;
	color: #959595;
	cursor: not-allowed
}

.w-Selectsearch--disable:hover {
	border-color: #e3e3e3
}

.w-Selectsearch-drop {
	position: absolute;
	width: 100%;
	top: 39px;
	left: -1px;
	background: #fff;
	border: 1px solid #E3E3E3;
	border-top: none
}

.w-Selectsearch-drop .w-Search {
	margin-left: 10px;
	position: relative
}

.w-Selectsearch-drop .w-Search .i_Text {
	width: 212px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 30px
}

.w-Selectsearch-drop .w-Search .icon_search {
	position: absolute;
	left: 10px;
	top: 7px
}

.w-Selectsearch-list {
	margin-top: 10px;
	height: 240px;
	overflow-y: auto;
	overflow-x: hidden
}

.w-Selectsearch-list li {
	font-size: 12px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.w-Selectsearch-list li:hover {
	background: #F3F3F3
}

.w-Selectsearch-list li.none {
	height: auto;
	overflow: auto;
	white-space: pre-wrap;
	line-height: 24px;
	color: #959595;
	text-align: center;
	cursor: default;
	background: 0 0 !important
}

.w-Selectsearch-img {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	position: relative
}

.w-Selectsearch-img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto
}

.w-Selectsearch-img .icon_all {
	margin-top: -4px;
	margin-left: 5px
}

.w-SelectBtn {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	position: relative;
	font-size: 0;
	margin-left: 12px;
	z-index: 10
}

.w-SelectBtn .i_Btn {
	min-width: inherit;
	padding-left: 20px;
	padding-right: 40px;
	margin-left: 0;
	margin-right: 0
}

.w-SelectBtn .w-SelectBtn-arr {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 38px;
	border-left: 1px solid #1D2940;
	background: #4773C8;
	border-radius: 0 2px 2px 0;
	text-align: center
}

.w-SelectBtn .w-SelectBtn-arr:hover {
	background: #5E89DC
}

.w-SelectBtn .w-SelectBtn-arr .icon_arr_down {
	margin-left: 4px;
	margin-top: 0
}

.w-SelectBtn .w-SelectBtn_options {
	display: none;
	position: absolute;
	width: 100%;
	top: 39px;
	left: 0;
	background: #45536C;
	border-radius: 2px;
	text-align: left
}

.w-SelectBtn .w-SelectBtn_options li {
	font-size: 16px;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	border-bottom: 1px solid #111419;
	cursor: pointer
}

.w-SelectBtn .w-SelectBtn_options li:hover {
	background: #536380 url(../images/site/btn-bg-sub.png) no-repeat center 32px
}

.w-SelectBtn .w-SelectBtn_options li:last-child {
	border: none
}

.w-TypeGroup {
	line-height: 52px
}

.w-Type {
	display: inline-block;
	padding: 0 26px;
	color: #90969C;
	cursor: default
}

.w-Type .icon {
	margin-right: 6px;
	margin-top: -2px
}

.w-Type:hover {
	color: #fff
}

.w-Type.on {
	color: #fff;
	background: #2D2F3E
}

.w-Select-coupon {
	position: relative;
	min-width: 120px;
	margin: 8px 0 0;
	cursor: pointer;
	display: inline-block
}

.w-Select-coupon.on ul {
	display: block
}

.w-Select-coupon.setted h3 {
	color: #FF8200
}

.w-Select-coupon h3 {
	color: #959595
}

.w-Select-coupon h3 .icon {
	margin: 0 0 0 4px
}

.w-Select-coupon ul {
	display: none;
	position: absolute;
	background: #FFF;
	border: 1px solid #ECECEC;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
	right: 0;
	top: 24px;
	width: 300px
}

.w-Select-coupon ul li {
	height: 30px;
	line-height: 30px;
	padding: 0 6px;
	display: flex;
	justify-content: space-between
}

.w-Select-coupon ul li.on,
.w-Select-coupon ul li:hover {
	background: #F7F7F7
}

.w-Select-coupon ul li small {
	font-size: 12px;
	color: #959595
}

.market-list {
	min-height: 50%
}

.market-header {
	width: 1200px;
	background: url(../images/site/marcket-header-bg.png) no-repeat;
	color: #90969C;
	padding: 24px 0 0
}

.market-header .cont-tab,
.market-header .criteria,
.market-header .tab-games {
	margin: 0 30px
}

.criteria {
	margin: 0
}

.criteria .w-SelHero,
.criteria .w-Select,
.criteria .w-Select-Multi {
	margin-right: 12px
}

.market-header_evaluation,
.market-header_shop {
	padding: 30px 30px 0;
	width: 1140px;
	height: auto !important
}

.market-header_evaluation .shop-account,
.market-header_shop .shop-account {
	padding: 0 0 25px
}

.market-header_shop,
.my-header-cont {
	position: relative
}

.market-header_shop .w-Switcher,
.my-header-cont .w-Switcher {
	position: absolute;
	right: 6px;
	top: 15px
}

.market-header_shop .w-Switcher span,
.my-header-cont .w-Switcher span {
	height: 20px;
	line-height: 20px;
	padding: 0 6px !important;
	font-size: 12px;
	min-width: auto
}

.market-header_shop .shop-info,
.my-header-cont .shop-info {
	margin: 10px 0 0
}

.evaluation-cont {
	text-align: center;
	padding: 26px 0 50px
}

.evaluation-cont .i_Text {
	padding: 6px 9px;
	width: 472px;
	margin: 0 12px
}

.evaluation-cont .i_Tips {
	margin: 0 12px
}

.evaluation-cont .i_Tips .icon {
	margin: 0 6px
}

.market-header_evaluation {
	background-image: url(../images/site/marcket-header-bg.png) !important
}

.market-header_evaluation .criteria {
	margin: 0
}

.market-header_evaluation .pubg-selType {
	padding: 20px 0 20px 0;
	width: 1140px;
	border-top: 1px solid #2c2f38;
	margin: 0
}

.market-header_evaluation .pubg-selType div {
	margin: 0 6px
}

.evaluation-desc {
	width: 1140px;
	height: 110px;
	margin: 0 auto 40px;
	background: url(../images/site/eval-bg.jpg) no-repeat;
	text-align: center;
	color: #646669
}

.evaluation-desc h5 {
	padding: 30px 0 20px
}

.evaluation-desc span {
	margin: 0 12px
}

.evaluation-wrap {
	min-height: 286px
}

.detail-header {
	width: 1200px;
	height: 194px;
	background: url(../images/site/detail-header-bg.jpg) no-repeat;
	border-radius: 2px
}

.detail-pic {
	float: left;
	position: relative;
	padding: 9px
}

.detail-pic-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/site/detail-pic-cover.png) repeat-y;
	left: 0;
	top: 0;
	z-index: 2
}

.detail-cont {
	margin-left: 310px;
	padding: 32px 30px 0 0;
	font-size: 12px
}

.detail-cont h1 {
	font-size: 24px;
	line-height: 24px;
	color: #fff
}

.detail-cont h1 .tag {
	margin: 0 0 0 9px;
	position: relative;
	top: -3px
}

.detail-cont p {
	padding: 18px 0 0
}

.detail-cont p span {
	color: #c6cad0;
	margin: 0 24px 0 0
}

.detail-cont .line {
	background-image: linear-gradient(-270deg, rgba(238, 162, 14, .4) 0, rgba(238, 162, 14, .4) 2%, #16171c 100%);
	width: 350px;
	*width: auto
}

.detail-cont label {
	color: #90969C;
	margin-right: 9px;
	cursor: default
}

.detail-fav {
	font-size: 14px;
	cursor: pointer;
	color: #E4E8EE;
	position: relative
}

.detail-fav .icon {
	margin: -3px 0 0 6px
}

.detail-fav-cates {
	position: absolute;
	right: 0;
	top: 24px;
	display: none
}

.detail-fav-cates ul {
	height: 396px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse
}

.detail-fav-cates li {
	width: 172px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #373A4C;
	margin-right: 1px;
	background: #2D2F3E;
	font-size: 12px;
	padding: 0 6px
}

.detail-fav-cates li.on,
.detail-fav-cates li:hover {
	background: #3A455A
}

.detail-fav-cates li .icon {
	margin: -2px 0 0 5px
}

.detail-fav-cates li span {
	display: inline-block;
	width: 60px;
	text-align: right;
	overflow: hidden;
	height: 32px;
	vertical-align: middle
}

.detail-fav-cates li span:first-child {
	width: 88px;
	text-align: left;
	padding-left: 6px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.detail-summ span {
	margin-right: 24px
}

.detail-summ .l_Right {
	margin-top: -6px
}

.detail-summ .f_Strong {
	font-size: 14px
}

.detail-summ .f_Strong big {
	font-size: 18px
}

.detail-summ .f_Strong small {
	color: #45536C;
	font-size: 12px;
	margin-left: 6px
}

.detail-tab-cont {
	background: #fafafa;
	min-height: 466px
}

.detail-tab-cont .w-Switcher_tab {
	padding: 30px 0
}

.detail-tab-cont .w-Switcher_tab span {
	margin: 0 90px
}

.black h4 {
	color: #E4E8EE
}

.market-card {
	background: #fafafa;
	padding: 20px 25px
}

.market-tip {
	padding: 20px 25px;
	text-align: center
}

.market-tip div {
	height: 46px;
	line-height: 46px;
	background: #E6F5E7;
	border: 1px solid #069B17;
	padding: 0 12px;
	color: #069B17
}

.market-tip div a {
	color: #069B17;
	text-decoration: underline
}

.market-tip_warning div {
	border-color: #EEA20E;
	background: #FDF5E6;
	color: #EEA20E
}

.market-tip_warning div a {
	color: #EEA20E
}

.menu_main {
	box-shadow: 1px 1px 2px #e0e0e0;
	width: 120px;
	float: left
}

.menu_main li a {
	display: block;
	height: 80px;
	line-height: 80px;
	border: 1px solid #e5e5e5;
	text-align: center;
	font-size: 15px;
	margin-bottom: -1px;
	color: #000
}

.menu_main li a:hover {
	color: #eea20e;
	background: #f3f3f3
}

.menu_main li.on a {
	background: #fc5600;
	color: #fff
}

.cont_main {
	margin-left: 260px
}

.cont_main_wide {
	margin: 0
}

.block-header {
	background: #1c202b;
	padding-bottom: 1px;
	min-height: 52px
}

.block-header .l_Right {
	line-height: 50px;
	margin: 0 25px 0 0
}

.block-header .l_Left {
	margin: 10px 0 0 25px
}

.block-header .l_Left .w-OrderGroup {
	margin-right: 12px
}

.tab {
	height: 52px;
	float: left
}

.tab li {
	float: left;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	color: #929394;
	border-right: 1px solid #303B4F
}

.tab li img {
	margin: -2px 9px 0 0
}

.tab li:hover {
	color: #ccc
}

.tab li.on {
	color: #fff;
	font-weight: 700
}

.tab li .icon_new {
	margin: 20px 0 0 9px
}

.list_card {
	min-height: 466px
}

.list_card ul {
	width: 1180px
}

.list_card.unhover li.on,
.list_card.unhover li:hover {
	border-color: #E4E4E4
}

.list_card.unhover li.on .icon_check,
.list_card.unhover li:hover .icon_check {
	display: none
}

.list_card li {
	border: 1px solid #E4E4E4;
	float: left;
	margin: 0 25px 20px 0;
	position: relative;
	padding-bottom: 9px;
	width: 208px;
	height: 219px;
	background: #F9F9F9;
	border-radius: 2px;
	box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3)
}

.list_card li img {
	position: relative;
	top: -1px;
	left: -1px;
	border-radius: 2px 2px 0 0
}

.list_card li.on,
.list_card li:hover {
	border-color: #EEA20E;
	background: #FEFCF7
}

.list_card li.on .icon_check,
.list_card li:hover .icon_check {
	display: block
}

.list_card li h3 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
	line-height: 24px;
	margin: 8px 12px 27px;
	width: 190px
}

.list_card li p {
	margin: 6px 12px
}

.list_card li p .c_Strong small {
	font-size: 12px;
	font-weight: 400
}

.list_card li p .l_Right .i_Btn {
	margin: -6px 0 0;
	min-width: 48px
}

.list_card li .selling_price {
	display: none
}

.list_card li:hover .selling_price {
	display: block
}

.list_card li:hover .selling {
	display: none
}

.list_card li:hover .icon_recommend {
	display: block
}

.list_card li.salable {
	cursor: pointer
}

.list_card li .tag {
	position: absolute;
	top: 9px;
	left: 9px
}

.list_card li .tag_autodeliver {
	left: auto !important;
	top: 119px !important;
	right: -1px;
	margin: 0;
	border-radius: 2px 0 0 0;
	color: #EEA20E;
	background: #33353B
}

.list_card li .card-status {
	position: absolute;
	width: 210px;
	height: 92px;
	line-height: 92px;
	text-align: center;
	color: #fff;
	left: -1px;
	bottom: -1px;
	background: rgba(137, 64, 64, .9);
	*background: #894040;
	border-radius: 0 0 2px 2px;
	*filter: alpha(opacity=90);
	font-size: 16px;
	font-weight: 700
}

.list_card li .icon_corner {
	position: absolute;
	right: -1px;
	top: -1px
}

.list_card li .icon_recommend {
	right: -6px;
	top: 3px;
	position: absolute;
	display: none
}

.list_card li .icon_recommend.on {
	display: block !important
}

.list_card li .icon_discount_tag {
	right: -1px;
	top: 6px;
	position: absolute
}

.list_card li .icon_time {
	margin-top: -2px
}

.list_card .icon_check {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none
}

.list_card a:link,
.list_card a:visited {
	color: #333
}

.list_card a:hover {
	color: #eea20e
}

.list_card_small {
	min-height: auto
}

.list_card_small ul {
	width: 1200px;
	min-height: 324px
}

.list_card_small li {
	margin: 0 21px 20px 0;
	width: 144px;
	height: 160px;
	padding: 0
}

.list_card_small li h3 {
	font-size: 12px;
	margin: 4px 9px 12px;
	width: 130px
}

.list_card_small li p {
	margin: 6px 9px
}

.list_card_small li .tag {
	left: 6px;
	top: 6px
}

.list_card_small li img {
	width: 146px;
	height: 96px
}

.list_card_small .l_BotRight {
	bottom: 5px;
	right: 5px
}

.list_card_big li,
.list_card_small2 li,
.list_card_small3 li {
	width: 268px;
	height: 366px
}

.list_card_big li .img,
.list_card_small2 li .img,
.list_card_small3 li .img {
	height: 248px;
	padding-bottom: 25px;
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	background: url(../images/item_bg.png);
	background-size: cover
}

.list_card_big li .img img,
.list_card_small2 li .img img,
.list_card_small3 li .img img {
	max-width: 210px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.list_card_big li h3,
.list_card_small2 li h3,
.list_card_small3 li h3 {
	width: auto;
	margin-top: 15px !important
}

.list_card_big li a,
.list_card_small2 li a,
.list_card_small3 li a {
	cursor: default
}

.list_card_big li p .l_Right .i_Btn,
.list_card_small2 li p .l_Right .i_Btn,
.list_card_small3 li p .l_Right .i_Btn {
	margin-left: 4px
}

.list_card_big li.salable a,
.list_card_small2 li.salable a,
.list_card_small3 li.salable a {
	cursor: pointer
}

.list_card_big li.nowear .tagBoxB,
.list_card_small2 li.nowear .tagBoxB,
.list_card_small3 li.nowear .tagBoxB {
	top: 231px
}

.list_card_big li:hover .shalow-btn_hidden,
.list_card_small2 li:hover .shalow-btn_hidden,
.list_card_small3 li:hover .shalow-btn_hidden {
	visibility: inherit
}

.list_card_big .wear,
.list_card_small2 .wear,
.list_card_small3 .wear {
	position: absolute;
	top: 249px;
	width: 100%;
	overflow: hidden
}

.list_card_big .wear-value,
.list_card_small2 .wear-value,
.list_card_small3 .wear-value {
	font-size: 12px;
	color: #959595;
	text-indent: 12px;
	margin-top: -1px;
	height: 20px;
	line-height: 20px;
	background: #2D2F3E;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 8px
}

.list_card_big .wear .wear-pointer,
.list_card_small2 .wear .wear-pointer,
.list_card_small3 .wear .wear-pointer {
	width: 100%;
	margin-top: -3px;
	position: absolute;
	padding-bottom: 4px
}

.list_card_big .wear .progress,
.list_card_small2 .wear .progress,
.list_card_small3 .wear .progress {
	width: 100%;
	border-radius: 0;
	overflow: hidden;
	height: 5px
}

.list_card_big .wear .wear-pointer .wear-pointer-icon,
.list_card_small2 .wear .wear-pointer .wear-pointer-icon,
.list_card_small3 .wear .wear-pointer .wear-pointer-icon {
	margin-left: -6px;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent
}

.list_card_big .tagBox,
.list_card_big .tagBoxB,
.list_card_small2 .tagBox,
.list_card_small2 .tagBoxB,
.list_card_small3 .tagBox,
.list_card_small3 .tagBoxB {
	position: absolute;
	top: 12px;
	left: 12px;
	right: 8px
}

.list_card_big .tagBox .tag,
.list_card_big .tagBoxB .tag,
.list_card_small2 .tagBox .tag,
.list_card_small2 .tagBoxB .tag,
.list_card_small3 .tagBox .tag,
.list_card_small3 .tagBoxB .tag {
	position: initial;
	margin-right: 1px;
	padding: 0 4px
}

.list_card_big .tagBoxB,
.list_card_small2 .tagBoxB,
.list_card_small3 .tagBoxB {
	top: 206px;
	left: 6px;
	right: 6px;
	min-height: 28px
}

.list_card_big .tagBoxB .icon_stickers,
.list_card_small2 .tagBoxB .icon_stickers,
.list_card_small3 .tagBoxB .icon_stickers {
	position: relative;
	z-index: 2
}

.list_card_big .tagBoxB_R,
.list_card_small2 .tagBoxB_R,
.list_card_small3 .tagBoxB_R {
	position: absolute;
	bottom: 8px;
	right: 0;
	left: 0;
	display: flex;
	flex-direction: column
}

.list_card_big .tagBoxB_R a,
.list_card_small2 .tagBoxB_R a,
.list_card_small3 .tagBoxB_R a {
	margin-left: auto
}

.list_card_big .tagBoxB_R a:nth-child(2),
.list_card_small2 .tagBoxB_R a:nth-child(2),
.list_card_small3 .tagBoxB_R a:nth-child(2) {
	flex-shrink: 0;
	margin-top: 6px
}

.list_card_big .tagBoxB_R a.shalow-btn_long,
.list_card_small2 .tagBoxB_R a.shalow-btn_long,
.list_card_small3 .tagBoxB_R a.shalow-btn_long {
	max-width: 198px;
	margin-right: auto;
	margin-left: 0
}

.list_card_big .tagBoxB_inline,
.list_card_small2 .tagBoxB_inline,
.list_card_small3 .tagBoxB_inline {
	flex-direction: inherit
}

.list_card_big .tagBoxB_inline a:nth-child(2),
.list_card_small2 .tagBoxB_inline a:nth-child(2),
.list_card_small3 .tagBoxB_inline a:nth-child(2) {
	margin-top: 0;
	margin-left: 8px
}

.list_card_big .tagBoxB_inline a.shalow-btn_long,
.list_card_small2 .tagBoxB_inline a.shalow-btn_long,
.list_card_small3 .tagBoxB_inline a.shalow-btn_long {
	max-width: unset
}

.list_card_big .icon_stickers img,
.list_card_small2 .icon_stickers img,
.list_card_small3 .icon_stickers img {
	position: unset;
	height: 100%
}

.list_card_big .shalow-btn_hidden,
.list_card_small2 .shalow-btn_hidden,
.list_card_small3 .shalow-btn_hidden {
	visibility: hidden
}

.list_card_big .shalow-btn_long,
.list_card_small2 .shalow-btn_long,
.list_card_small3 .shalow-btn_long {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.list_card_big .tagBoxB {
	left: 12px;
	right: 12px
}

.list_card_big .tagBoxB_R a.shalow-btn_long {
	max-width: 244px
}

.list_card_small2 li {
	width: 210px;
	height: 220px;
	margin-right: 23px;
	padding-bottom: 0
}

.list_card_small2 li .img {
	height: 136px
}

.list_card_small2 li .img img {
	max-width: 70%
}

.list_card_small2 li h3 {
	margin-top: 6px !important;
	margin-bottom: 0;
	font-size: 14px
}

.list_card_small2 li p {
	margin-top: 4px
}

.list_card_small2 li.nowear .tagBoxB {
	top: 127px
}

.list_card_small2 .f_Strong {
	font-size: 14px
}

.list_card_small2 .wear {
	top: 137px
}

.list_card_small2 .tagBox {
	top: 0;
	left: 0
}

.list_card_small2 .tagBox .tag {
	padding: 0 2px;
	float: left
}

.list_card_small2 .tagBoxB {
	top: 102px
}

.list_card_small2 .tagBoxB .icon_stickers {
	margin-top: 6px;
	float: left;
	height: 22.5px;
	width: 25px
}

.list_card_small2 .tagBoxB_R {
	bottom: 2px
}

.nodata {
	text-align: center;
	color: #999;
	padding: 120px 0
}

.nodata p {
	margin: 20px 0
}

.icon_nodata {
	background: url(../images/site/data-nodata.png);
	width: 313px;
	height: 106px
}

.icon_unbind {
	background: url(../images/site/data-unbind.png);
	width: 199px;
	height: 74px
}

.icon_404 {
	background: url(../images/site/data-404.png);
	width: 313px;
	height: 106px
}

.icon_500 {
	background: url(../images/site/data-500.png);
	width: 313px;
	height: 106px
}

.icon_tip_auto {
	background: url(../images/site/data-tip-auto.png);
	width: 530px;
	height: 110px
}

.icon_tip_manual {
	background: url(../images/site/data-tip-manual.png);
	width: 530px;
	height: 110px
}

.nodata_tip {
	padding: 70px 0
}

.nodata_tip p {
	margin: 0 0 30px
}

.nodata_tip .icon_tip_auto,
.nodata_tip .icon_tip_manual {
	margin: 0 0 20px
}

.list_tb tr:hover {
	background: #f5f5f5
}

.list_tb tr:hover .icon_check_small {
	display: none
}

.list_tb td,
.list_tb th {
	border-bottom: 1px solid #E9E9E9
}

.list_tb th {
	background: #F5F5F5;
	font-size: 14px;
	color: #959595;
	font-weight: 400;
	height: 30px;
	line-height: 30px
}

.list_tb th.tb-Order:hover {
	cursor: pointer;
	color: #515151
}

.list_tb td {
	padding: 20px 0;
	height: 50px
}

.list_tb td .gM6 {
	vertical-align: text-bottom
}

.list_tb .pic-cont {
	display: inline-block;
	position: relative;
	width: 72px;
	height: 48px
}

.list_tb .pic-cont .item-count {
	position: absolute;
	width: 70px;
	height: 46px;
	border: 1px solid #eea20e;
	background: #F7E8CB;
	left: -5px;
	top: -5px
}

.list_tb .pic-cont .pic-cont-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(71, 115, 200, .8);
	left: 0;
	top: 0;
	display: none;
	*filter: alpha(opacity=80);
	*background: #4164A7
}

.list_tb .pic-cont .pic-cover_disabled {
	background: rgba(0, 0, 0, .8);
	display: block;
	line-height: 48px;
	text-align: center;
	color: #E4E8EE;
	*background: #000
}

.list_tb .pic-cont .icon_check_small {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none
}

.list_tb .pic-cont:hover .icon_check_small {
	display: block
}

.list_tb .pic-cont.on .icon_check_small,
.list_tb .pic-cont.on .pic-cont-cover {
	display: block
}

.list_tb .with-gallery {
	cursor: pointer
}

.list_tb .with-gallery img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5
}

.list_tb .tr_gallery {
	display: none;
	background-position: center top
}

.list_tb .tr_gallery>td {
	padding: 0;
	background: #F5F5F5
}

.list_tb .tr_gallery tr:hover {
	background: #EFEFEF
}

.list_tb .td_status p {
	margin: 6px 0
}

.list_tb .td_status p span {
	font-size: 14px;
	margin-left: 9px
}

.list_tb .td_status a {
	color: #999;
	text-decoration: underline;
	font-size: 13px
}

.list_tb .td_status a:hover {
	color: #eea20e
}

.list_tb .user-thum {
	margin-left: 0
}

.list_tb_small {
	border: 1px solid #E9E9E9
}

.list_tb_small td {
	padding: 15px !important;
	height: auto;
	background: #fff
}

.gallery-list li {
	float: left;
	margin: 18px 12px
}

.gallery-list li h4 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 6px 0 0;
	width: 100px
}

.list_tb-count {
	padding: 20px;
	border-top: 1px solid #c8c7c9;
	box-shadow: 0 -2px 2px #e0e0e0
}

.name-cont h3 {
	margin: 0 0 6px
}

.list_tb-body {
	max-height: 404px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	min-height: 314px
}

.user-thum {
	border-radius: 50%;
	margin: 0 9px 0
}

.w-SelType_tag .tag,
.w-Select .tag {
	background: 0 0
}

.w-SelType_tag .tag:hover,
.w-Select .tag:hover {
	color: #fff
}

.w-SelType_tag .tag_uncommon,
.w-SelType_tag ul li.tag_text_uncommon,
.w-Select .tag_uncommon,
.w-Select ul li.tag_text_uncommon {
	color: #82BDFF
}

.w-SelType_tag .tag_rare,
.w-SelType_tag ul li.tag_text_rare,
.w-Select .tag_rare,
.w-Select ul li.tag_text_rare {
	color: #7C8FF5
}

.w-SelType_tag .tag_mythical,
.w-SelType_tag ul li.tag_text_mythical,
.w-Select .tag_mythical,
.w-Select ul li.tag_text_mythical {
	color: #A876F9
}

.w-SelType_tag .tag_legendary,
.w-SelType_tag ul li.tag_text_legendary,
.w-Select .tag_legendary,
.w-Select ul li.tag_text_legendary {
	color: #DC5EEA
}

.w-SelType_tag .tag_ancient,
.w-SelType_tag ul li.tag_text_ancient,
.w-Select .tag_ancient,
.w-Select ul li.tag_text_ancient {
	color: #E06B6A
}

.w-SelType_tag .tag_immortal,
.w-SelType_tag ul li.tag_text_immortal,
.w-Select .tag_immortal,
.w-Select ul li.tag_text_immortal {
	color: #F2B166
}

.w-SelType_tag .tag_arcana,
.w-SelType_tag ul li.tag_text_arcana,
.w-Select .tag_arcana,
.w-Select ul li.tag_text_arcana {
	color: #9ACC4C
}

.w-SelType_tag .tag_seasonal,
.w-SelType_tag ul li.tag_text_seasonal,
.w-Select .tag_seasonal,
.w-Select ul li.tag_text_seasonal {
	color: #3c3
}

.w-SelType_tag .tag_standard,
.w-SelType_tag ul li.tag_text_standard,
.w-Select .tag_standard,
.w-Select ul li.tag_text_standard {
	color: #acbfd6
}

.w-SelType_tag .tag_strange,
.w-SelType_tag ul li.tag_text_strange,
.w-Select .tag_strange,
.w-Select ul li.tag_text_strange {
	color: #d16a2b
}

.w-SelType_tag .tag_lucky,
.w-SelType_tag ul li.tag_text_lucky,
.w-Select .tag_lucky,
.w-Select ul li.tag_text_lucky {
	color: #25cf22
}

.w-SelType_tag .tag_genuine,
.w-SelType_tag ul li.tag_text_genuine,
.w-Select .tag_genuine,
.w-Select ul li.tag_text_genuine {
	color: #4b7553
}

.w-SelType_tag .tag_tournament,
.w-SelType_tag ul li.tag_text_tournament,
.w-Select .tag_tournament,
.w-Select ul li.tag_text_tournament {
	color: #864dae
}

.w-SelType_tag .tag_frozen,
.w-SelType_tag ul li.tag_text_frozen,
.w-Select .tag_frozen,
.w-Select ul li.tag_text_frozen {
	color: #4381b6
}

.w-SelType_tag .tag_autographed,
.w-SelType_tag ul li.tag_text_autographed,
.w-Select .tag_autographed,
.w-Select ul li.tag_text_autographed {
	color: #ace753
}

.w-SelType_tag .tag_haunted,
.w-SelType_tag ul li.tag_text_haunted,
.w-Select .tag_haunted,
.w-Select ul li.tag_text_haunted {
	color: #884bae
}

.w-SelType_tag .tag_base,
.w-SelType_tag ul li.tag_text_base,
.w-Select .tag_base,
.w-Select ul li.tag_text_base {
	color: #aeaeae
}

.w-SelType_tag .tag_corrupted,
.w-SelType_tag ul li.tag_text_corrupted,
.w-Select .tag_corrupted,
.w-Select ul li.tag_text_corrupted {
	color: #a82928
}

.w-SelType_tag .tag_unusual,
.w-SelType_tag ul li.tag_text_unusual,
.w-Select .tag_unusual,
.w-Select ul li.tag_text_unusual {
	color: #894dad
}

.w-SelType_tag .tag_infused,
.w-SelType_tag ul li.tag_text_infused,
.w-Select .tag_infused,
.w-Select ul li.tag_text_infused {
	color: #8239f2
}

.w-SelType_tag .tag_exalted,
.w-SelType_tag ul li.tag_text_exalted,
.w-Select .tag_exalted,
.w-Select ul li.tag_text_exalted {
	color: #ccc
}

.w-SelType_tag .tag_vintage,
.w-SelType_tag ul li.tag_text_vintage,
.w-Select .tag_vintage,
.w-Select ul li.tag_text_vintage {
	color: #455e90
}

.w-SelType_tag .tag_legacy,
.w-SelType_tag ul li.tag_text_legacy,
.w-Select .tag_legacy,
.w-Select ul li.tag_text_legacy {
	color: #FAFAFA
}

.criteria {
	border-top: 1px solid #2c2f38;
	padding: 14px 0;
	min-height: 32px
}

.criteria label {
	line-height: 32px
}

.criteria .w-Counter {
	margin: 0 32px;
	*left: 36px
}

.criteria-section .w-Key {
	margin-left: 80px
}

.criteria-cont {
	margin-left: 56px
}

.map_price {
	padding: 20px
}

.my-menu {
	float: left
}

.my-menu li {
	line-height: 60px;
	font-size: 14px
}

.my-menu li a {
	display: block;
	color: #90969C;
	position: relative;
	padding: 0 20px
}

.my-menu li a:hover {
	color: #fff;
	text-shadow: 0 0 3px #fff
}

.my-menu li.on a {
	color: #fff;
	text-shadow: 0 0 3px #fff
}

.my-menu li .icon_new {
	right: 30px;
	top: 20px;
	*top: 0
}

.my-header-cont {
	margin-left: 183px;
	width: 955px;
	background: url(../images/site/my-bg_pubg.png) no-repeat;
	max-height: 182px;
	padding: 36px 30px 0
}

.my-header-cont_sub {
	background-position: left -8px !important;
	padding: 30px 30px 10px
}

.market_header_sub {
	background-position: left -10px !important
}

.cont-tab {
	border-bottom: 2px solid #4773C8
}

.cont-tab ul {
	float: left
}

.cont-tab li {
	float: left;
	margin-right: 40px;
	cursor: pointer;
	font-weight: 700
}

.cont-tab li a {
	color: #90969C;
	display: inline-block;
	padding: 0 0 20px;
	position: relative
}

.cont-tab li .icon_top_cur {
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -4px;
	display: none
}

.cont-tab li :hover {
	color: #fff
}

.cont-tab li.on a {
	color: #fff
}

.cont-tab li.on .icon_top_cur {
	display: block
}

.cont-tab li .tag_status {
	margin: 0 0 0 6px;
	position: relative;
	top: -1px;
	*top: -18px;
	*right: -6px
}

.cont-tab .l_Right span {
	margin-left: 20px;
	font-size: 12px
}

.tab-games {
	height: 24px;
	padding: 15px 0;
	background: #E9E9E9
}

.tab-games .tag_status {
	margin: 0 0 0 6px
}

.tab-games li {
	float: left;
	font-size: 12px;
	border-right: 1px solid #D7D7D7;
	height: 24px;
	line-height: 24px;
	cursor: pointer
}

.tab-games li a {
	display: block;
	padding: 0 25px;
	opacity: .5;
	color: #333
}

.tab-games li img {
	margin: -2px 6px 0 0
}

.tab-games li a:hover {
	color: #eea20e;
	opacity: 1
}

.tab-games li.on a {
	color: #515151;
	opacity: 1
}

.tab-games li:last-child {
	border: none
}

.black .tab-games {
	background: #1E242D
}

.black .tab-games li {
	border-right: 1px solid #394150
}

.black .tab-games li a {
	color: #E4E8EE
}

.black .tab-games li a:hover {
	color: #eea20e
}

.black .tab-games li.on a {
	color: #E4E8EE
}

.col1 {
	width: 240px;
	float: left
}

.col1 .recent-deal {
	width: 240px;
	background: #343944
}

.col1 .recent-deal h2 {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	padding: 30px 20px
}

.col1 .recent-deal h2 .icon_pre {
	width: 2px;
	background: #4773C8;
	height: 12px;
	margin: -2px 6px 0 0
}

.col1 .recent-deal ul {
	background: 0;
	height: auto
}

.col1 .recent-deal li {
	padding: 20px 0 20px 20px
}

.col1 .recent-deal li h4 {
	width: 130px
}

.col1 .recent-deal .nodata {
	padding: 0 0 20px
}

.col2 {
	margin-left: 260px
}

.col2 .list_card li .i_Btn_small {
	display: none !important
}

.col2 .list_card li:hover .i_Btn_small {
	display: inline-block !important
}

.shop-user {
	height: 236px;
	background: url(../images/site/user-bg.png) no-repeat left top;
	text-align: center
}

.shop-user h3 {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	margin: 20px 0 0
}

.shop-user .user-head {
	margin: 54px auto 0
}

.user-head {
	position: relative;
	display: inline-block
}

.user-head img {
	padding: 1px
}

.user-head .icon_user_online {
	width: 10px;
	height: 10px;
	background: #069B17;
	border-radius: 5px;
	position: absolute;
	display: none;
	bottom: 5px;
	right: 16px
}

.online img {
	border: 1px solid #069B17
}

.online .icon_user_online {
	display: inline-block
}

.shop-data {
	background: #3a3f4d
}

.shop-data .clear {
	height: 20px
}

.w-Switcher_small span {
	height: 20px;
	line-height: 20px;
	padding: 0 6px !important;
	font-size: 12px;
	min-width: auto
}

.shop-info {
	margin: 0 0 0 10px
}

.shop-info li {
	float: left;
	text-align: center;
	width: 100px
}

.shop-info li.split {
	height: 30px;
	width: 1px;
	background: #484f61;
	margin: 9px 10px 0
}

.shop-info li .f_Strong {
	font-size: 14px
}

.shop-info h5 {
	font-weight: 700;
	margin: 0 0 10px
}

.shop-info h5 big {
	font-size: 24px;
	margin: 0 6px
}

.shop-info p {
	font-size: 12px
}

.shop-account {
	float: left;
	width: 400px;
	padding: 0 0 20px
}

.shop-account img {
	border-radius: 50%;
	margin: 0 25px 0 0;
	float: left
}

.shop-account h3 {
	font-size: 16px;
	color: #E4E8EE;
	margin: 6px 0 9px
}

.shop-account h3 span {
	margin: -2px 0 0 9px
}

.shop-recommend {
	background: #FAFAFA;
	border-radius: 0 0 2px 2px
}

.slider-handle {
	width: 38px;
	height: 160px;
	border: 1px solid #E9E9E9;
	border-radius: 2px;
	background: #f0f0f0;
	text-align: center;
	cursor: not-allowed
}

.slider-handle.clickable:hover {
	background: #FEFCF7;
	border: 1px solid #EEA20E;
	box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3);
	cursor: pointer
}

.slider-handle .icon {
	width: 16px;
	height: 16px;
	margin: 68px 0 0 0
}

.shop-recommend-cont {
	padding: 15px 20px
}

.shop-recommend-list {
	margin: 0 55px;
	overflow: hidden
}

.shop-recommend-list ul {
	min-height: auto;
	width: 1610px
}

.shop-recommend-list ul li {
	margin: 0 15px 0 0;
	box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3)
}

.shop-list {
	border-radius: 0 0 2px 2px
}

.shop-list .list_card {
	background: #FAFAFA;
	padding-top: 20px;
	padding-left: 20px
}

.shop-list .list_card ul {
	width: 920px
}

.shop-list .list_card li {
	margin: 0 20px 20px 0
}

.shop-list .list_card_small2 li {
	margin-right: 18px
}

.shop-list .criteria {
	padding-bottom: 0
}

.shop-list .criteria .w-Search .i_Text {
	width: 160px
}

.shop-list .card-pager {
	padding: 30px 0;
	background: #FAFAFA
}

.shop-header {
	padding: 30px 20px 20px;
	background: rgba(17, 20, 25, .8);
	border-radius: 2px 2px 0 0
}

.shop-header .cont-tab .l_Right {
	margin-top: -10px
}

.shop-header .cont-tab .w-Order span {
	margin-left: 0
}

div.timepicker {
	position: relative
}

div.timepicker .i_Text {
	padding: 4px;
	text-align: center;
	width: 40px;
	font-size: 13px
}

div.timepicker span {
	margin: 0 9px
}

div.timepicker.disabled .i_Text {
	color: #DEE1E6;
	cursor: not-allowed
}

.timepicker-drop {
	position: absolute;
	border: 1px solid #F0F0F0;
	width: 210px;
	padding: 6px;
	background: #fff;
	clear: both;
	overflow: hidden;
	left: 0;
	bottom: 36px;
	display: none
}

.timepicker-drop li {
	float: left;
	width: 25px;
	height: 20px;
	border-radius: 2px;
	line-height: 20px;
	margin: 5px 5px;
	text-align: center;
	cursor: pointer;
	color: #515151
}

.timepicker-drop li:hover {
	color: #EEA20E
}

.timepicker-drop li.on {
	background: #EEA20E;
	color: #fff
}

.timepicker-drop_minute {
	width: auto;
	left: 72px
}

.timepicker-drop_minute li {
	float: none
}

.sold-count {
	padding: 40px 0 0 98px;
	overflow: hidden
}

.count-item {
	width: 318px;
	height: 120px;
	border: 1px solid #E4E4E4;
	padding: 16px 0;
	float: left;
	margin: 0 24px 24px 0;
	background: #fff
}

.count-item h3 {
	font-size: 14px;
	font-weight: 700;
	color: #515151;
	border-left: 10px solid #4773C8;
	padding: 0 0 0 6px;
	line-height: 16px;
	height: 16px
}

.count-item li {
	float: left;
	width: 158px;
	text-align: center
}

.count-item .split {
	width: 1px;
	height: 30px;
	background: #BFBFBF;
	margin: 18px 0 0
}

.count-item h5 {
	font-weight: 700;
	line-height: 24px;
	margin: 20px 0 15px;
	font-size: 18px;
	color: #45536C
}

.count-item h6 {
	color: #BFBFBF;
	font-size: 12px
}

.count-item p {
	margin: 8px 0
}

.count-item .icon_down,
.count-item .icon_up {
	margin-right: 4px;
	margin-top: -2px
}

.count-item-all h5 {
	margin: 40px 0 0
}

.count-item-all .split {
	margin: 36px 0 0
}

.count-chart {
	margin: 20px 98px 0;
	padding: 20px 0;
	border: 1px solid #E4E4E4;
	background: #fff
}

.count-chart h3 {
	font-size: 16px;
	font-weight: 700;
	color: #515151;
	border-left: 10px solid #4773C8;
	padding: 0 0 0 6px;
	line-height: 16px;
	height: 16px;
	margin-bottom: 20px
}

.count-chart .w-Switcher {
	padding: 10px 0
}

.count-chart .w-Switcher span {
	font-size: 12px;
	margin: 0 40px;
	padding: 0;
	min-width: inherit
}

.list_card_small3 li {
	width: 208px;
	height: 219px
}

.list_card_small3 li .img {
	height: 138px;
	padding-bottom: 0
}

.list_card_small3 li.nowear .tagBoxB {
	top: 108px
}

.list_card_small3 .tagBoxB {
	top: 109px
}

.list_card_small3 .tagBoxB .gem_list {
	height: 26px;
	background-color: rgba(0, 0, 0, .33);
	margin-left: -6px;
	margin-right: -6px
}

.list_card_small3 .tagBoxB .gem_list .icon_stickers {
	float: left;
	height: 26px
}

.list_card_small3 .tagBoxB .other_gem_list {
	width: 100%;
	height: 28px
}

.list_card_small3 .tagBoxB .icon_stickers {
	float: left;
	height: 28px
}

.list_card_small3 .tagBoxB.tagBoxB2 {
	top: 83px
}

.list_card_small3 .tagBoxB_R.tagBoxB_RT {
	bottom: 34px
}

.list_card_small3 .tagBoxB_R.tagBoxB_RT2 {
	bottom: 60px
}

.list_card_small3 .icon_stickers img {
	position: unset;
	height: 16px;
	width: 24px;
	margin: 4px 0 4px 2px;
	border-radius: 0
}

.list_card_small3 .icon_stickers img.little_gem {
	height: 14px;
	width: 22px;
	margin: 5px 0 5px 2px
}

.list_card_small3 .icon_stickers span.little_gem {
	margin-left: 1px
}

.list_card_small3 .icon_stickers span {
	margin-left: 0;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #dedede
}

.has_notes td {
	padding-bottom: 40px
}

.has_notes td .notes {
	position: absolute;
	bottom: -32px;
	margin-top: 0
}

.has_notes td .notes a {
	display: block;
	white-space: nowrap
}

.notes {
	line-height: 0;
	margin-top: 10px
}

.notes-big {
	margin-top: 22px
}

.notes-big a.shalow-btn2 {
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0 !important;
	font-size: 16px;
	text-decoration: none !important
}

.notes-big a.shalow-btn2::after {
	display: none
}

.notes-inputbox {
	position: relative
}

.notes-inputbox textarea {
	width: 100% !important;
	height: 92px;
	box-sizing: border-box
}

.notes-inputbox .notes-num {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #C2C2C2;
	font-size: 12px
}

.icon_notes {
	margin-right: 4px;
	width: 16px;
	height: 16px;
	background-image: url(../images/site/icon_clipboard_web.png);
	background-size: 100%
}

.icon_mynotes {
	width: 12px;
	height: 12px;
	background: url(../images/site/icon_mynote.png);
	background-size: 100%
}

.pubg {
	background-image: url(../images/site/header-bg_pubg.jpg)
}

.pubg.bg {
	background-color: #20203A
}

.pubg .my-header-cont {
	max-height: 278px
}

.pubg .my-header .pubg-selType {
	padding: 20px 0;
	border-top: 1px solid #2c2f38;
	margin: 0
}

.pubg .my-header .pubg-selType div {
	padding: 14px 0 2px;
	width: 90px;
	margin: 0 17.5px 0 0
}

.pubg .roll-gifts-list li {
	background: #F0F0F0;
	background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.pubg .with-gallery img {
	border: 1px solid #D7D7D7
}

.pubgroom .room-album div {
	background: #F0F0F0;
	background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.pubg-selType {
	height: 90px;
	display: block;
	margin: 0 30px
}

.pubg-selType div {
	float: left;
	text-align: center;
	border-radius: 2px 2px 0 0;
	padding: 8px;
	margin: 0 18.5px 0 0;
	cursor: pointer;
	color: #8D9297;
	display: block;
	width: 94px
}

.pubg-selType div.last,
.pubg-selType div:last-child {
	margin: 0 !important
}

.pubg-selType div:hover {
	background: #2D2F3E
}

.pubg-selType div.on {
	background: #2D2F3E
}

.pubg-selType div p {
	height: 18px;
	line-height: 18px;
	padding: 12px 0;
	font-size: 12px
}

.packagebox {
	position: absolute;
	z-index: 1000;
	background: #16191e url(../images/site/lighting.png) right top no-repeat;
	text-align: center;
	padding: 0 20px 20px;
	display: none
}

.packagebox h3 {
	color: #fff;
	font-size: 16px;
	padding: 30px 0 20px
}

.packagebox ul {
	clear: both;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	max-width: 468px;
	text-align: left
}

.packagebox li {
	position: relative;
	border: 1px solid #434343;
	display: inline-block;
	margin: 4px;
	padding: 9px
}

.packagebox li .icon {
	position: absolute;
	left: -1px;
	top: -1px
}

.packagebox li img {
	width: 50px;
	height: 50px
}

.packagebox li .tag {
	position: absolute;
	right: -1px;
	bottom: -1px;
	margin: 0;
	border-radius: 2px 0 0 0;
	height: 16px;
	line-height: 18px;
	padding: 0 3px;
	color: #eea20e
}

.h1z1 {
	background-image: url(../images/site/header-bg_h1z1.jpg)
}

.h1z1.bg {
	background-color: #20222E
}

.h1z1 .my-header-cont {
	max-height: 278px
}

.h1z1 .my-header .h1z1-selType {
	padding: 20px 0 0;
	margin: 0
}

.h1z1 .my-header .h1z1-selType div {
	padding: 14px 0 2px;
	width: 90px;
	margin: 0 17.5px 0 0
}

.h1z1 .roll-gifts-list li {
	background: #F0F0F0;
	background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.h1z1 .with-gallery img {
	border: 1px solid #D7D7D7
}

.h1z1 .list_tb .img-cont {
	border: 1px solid #D7D7D7;
	width: 72px;
	height: 48px;
	display: inline-block;
	background: #f3f3f3;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5
}

.h1z1 .list_tb .img-cont img {
	border: none;
	left: 13px;
	margin-top: 1px
}

.h1z1-selType {
	height: 90px;
	display: block;
	margin: 0 30px
}

.h1z1-selType .w-SelType {
	height: auto;
	background: 0 0
}

.h1z1-selType .selected.item {
	background: #2D2F3E;
	color: #fff6e9
}

.h1z1-selType .item {
	float: left;
	text-align: center;
	border-radius: 2px 2px 0 0;
	padding: 8px;
	margin: 0 18.5px 0 0;
	cursor: pointer;
	color: #8D9297;
	display: block;
	width: 94px;
	position: relative;
	z-index: 80;
	height: 74px
}

.h1z1-selType .item.last,
.h1z1-selType .item:last-child {
	margin: 0 !important
}

.h1z1-selType .item.last ul,
.h1z1-selType .item:last-child ul {
	left: auto;
	right: 0
}

.h1z1-selType .item.last .colsimg .img,
.h1z1-selType .item:last-child .colsimg .img {
	float: left;
	margin-left: 7px
}

.h1z1-selType .item:hover {
	background: #2D2F3E
}

.h1z1-selType .item p {
	height: 18px;
	line-height: 18px;
	padding: 12px 0;
	font-size: 12px
}

.h1z1-selType .item.on ul {
	display: block
}

.h1z1-selType .item ul {
	background: #2D2F3E;
	padding: 7px 7px 0 0;
	clear: both;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 90px;
	display: none
}

.h1z1-selType .item ul li {
	height: 32px;
	line-height: 32px;
	width: 96px;
	text-align: center;
	margin: 0 0 7px 7px;
	float: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.h1z1-selType .item .cols {
	width: 206px
}

.h1z1-selType .item .cols li {
	float: left
}

.h1z1-selType .item .colsimg {
	width: 365px
}

.h1z1-selType .item .colsimg .img {
	margin: 0;
	float: right;
	width: 152px;
	height: 227px;
	background: url(../images/site/item_bg2.png) 0 0 no-repeat;
	background-size: cover;
	position: relative;
	box-sizing: border-box
}

.h1z1-selType .item .colsimg .img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	max-width: 90%;
	max-height: 90%
}

.csgo {
	background-image: url(../images/site/header-bg_csgo.jpg)
}

.csgo.bg {
	background-color: #172034
}

.dota2.bg {
	background-color: #070A13
}

.pubg_recycle {
	background-image: url(../images/site/header-bg_pubg2.jpg)
}

.pubg_recycle.bg {
	background-color: #1C1F32
}

.cover {
	z-index: 400;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	left: 0;
	top: 0;
	position: fixed;
	_position: absolute;
	height: 100%;
	width: 100%;
	display: none
}

.popup {
	position: fixed;
	_position: absolute;
	background-color: #FAFAFA;
	display: none;
	left: 50%;
	top: 50%;
	z-index: 500;
	width: 360px;
	border-radius: 2px
}

.popup .popup-close {
	position: absolute;
	top: 18px;
	right: 12px;
	font-size: 24px;
	color: #999
}

.popup .popup-close:active,
.popup .popup-close:hover {
	color: #666
}

.popup .popup-cont {
	padding: 20px;
	background-position: right top;
	background-repeat: no-repeat
}

.popup .popup-cont h2 {
	font-size: 16px;
	font-weight: 700;
	color: #515151;
	border-left: 10px solid #EEA20E;
	padding: 0 12px;
	position: relative;
	left: -20px
}

.popup .popup_error {
	background-image: url(../images/site/popup-error-bg.png)
}

.popup .popup_error h2 {
	border-color: #DD2F0B
}

.popup .popup_success {
	background-image: url(../images/site/popup-success-bg.png)
}

.popup .popup_success h2 {
	border-color: #18A228
}

.popup .popup-btns {
	text-align: right;
	padding: 0 20px 20px
}

.popup .popup-btns .i_Btn {
	margin: 0 10px
}

.popup .popup-tip {
	background: #F2F7F3;
	text-align: center;
	font-size: 12px;
	padding: 12px 30px
}

.popup .tag_error {
	font-size: 14px;
	height: 26px;
	line-height: 24px;
	padding: 0 6px
}

.popup-desc {
	padding: 16px 0 0;
	color: #90969C
}

.popup-desc p {
	margin: 12px 0;
	font-size: 14px;
	line-height: 22px
}

.popup-desc a:after {
	content: "Â»"
}

.popup-desc a:link {
	color: #666;
	margin: 0 4px;
	text-decoration: underline;
	white-space: nowrap
}

.popup-desc a:hover {
	color: #eea20e
}

.popup-desc .i_Text {
	width: 280px
}

.popup_charge .popup-cont {
	padding: 0
}

.popup-header {
	background: #fff;
	border-bottom: 1px solid #EBEBEB
}

.popup-header h2 {
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	padding: 20px 0;
	color: #515151
}

.popup-header .l_Right {
	line-height: 56px;
	position: absolute;
	right: 40px
}

.popup-header .l_Right .i_Btn {
	margin: 0 0 0 12px
}

.popup-bottom {
	background: rgba(17, 20, 25, .85) url(../images/site/line-yellow.png) no-repeat center bottom;
	padding: 20px;
	line-height: 20px;
	*background-color: #33363A
}

.popup-bottom .f_Strong {
	font-size: 24px;
	margin-right: 9px;
	line-height: 40px
}

.popup-bottom .icon {
	margin: 0 6px
}

.popup-bottom a:link,
.popup-bottom a:visited {
	color: #ccc;
	text-decoration: underline
}

.popup-bottom a:active,
.popup-bottom a:hover {
	color: #eea20e;
	text-decoration: none
}

.popup-bottom-gray {
	padding: 14px 20px;
	background: #F2F2F2;
	border-radius: 2px
}

.popup-bottom-gray .w-Checkbox .icon_checkbox {
	vertical-align: top;
	margin: 4px 6px 0 0 !important
}

.popup-bottom-gray .w-Checkbox label {
	display: inline-block;
	width: 90%
}

.popup-good-summary {
	background: #fff;
	border: 1px solid #EBEBEB;
	padding: 20px
}

.popup-good-summary ul {
	margin: 0 0 0 20px
}

.popup-good-summary li {
	height: 28px;
	line-height: 28px;
	font-size: 16px
}

.popup-good-summary li .f_Strong {
	margin-right: 18px
}

.popup-section-title {
	color: #999;
	margin: 24px 0 12px;
	font-size: 16px
}

.popup-section-title .icon_qa {
	margin: -3px 0 0
}

.pay-way {
	line-height: 36px
}

.pay-way li {
	border: 1px solid #E3E3E3;
	padding: 0 10px;
	float: left;
	height: 36px;
	min-width: 115px;
	text-align: center;
	position: relative;
	border-radius: 2px;
	margin-right: 20px;
	overflow: hidden;
	cursor: pointer;
	color: #515151;
	min-width: 98px
}

.pay-way li small {
	font-size: 11px;
	font-weight: 400 !important;
	margin: 0 3px 0 6px
}

.pay-way li.on {
	border-color: #EEA20E;
	font-weight: 700;
	color: #EEA20E
}

.pay-way li.on .icon_check_small {
	display: block
}

.pay-way li:hover {
	border-color: #EEA20E
}

.pay-way li:hover .icon_check_small {
	display: block
}

.pay-way li.disable {
	border: 1px solid #E3E3E3 !important;
	cursor: default
}

.pay-way .icon_check_small {
	position: absolute;
	right: -1px;
	bottom: -1px;
	display: none
}

.popup_card .card-name,
.popup_card .error {
	display: none;
	font-size: 12px;
	position: absolute;
	right: 42px;
	top: 6px
}

.popup_card .i_Text_error .error {
	display: block
}

.popup_card .card-name {
	display: block;
	color: #999;
	top: 8px
}

.popup_card .card-name .icon {
	position: relative;
	left: -2px
}

.popup_card .l_Tb td {
	height: 40px
}

.popup-foot {
	height: 70px;
	background: url(../images/site/btm_certf_epay.png) no-repeat
}

.popup-foot h5 {
	font-size: 12px;
	line-height: 58px;
	margin: 0 0 0 300px;
	color: #aaa;
	display: none
}

.popup-foot2 {
	background-image: url(../images/site/btm_certf_sesamecredit.png)
}

.popup-foot-normal {
	text-align: center;
	background: #F0F0F0;
	padding: 20px
}

.popup-foot-normal .icon {
	margin: -2px 6px 0 2px
}

.input-cont {
	position: relative
}

.input-cont .i_Text {
	width: 390px
}

.input-cont .i_Time {
	width: 181px
}

.input-cont .i_Btn_hollow {
	position: absolute;
	right: 30px;
	top: 0;
	min-width: 140px;
	height: 28px;
	line-height: 28px
}

.card-tip {
	box-shadow: 1px 1px 3px #ccc;
	border-radius: 2px;
	position: absolute;
	height: 42px;
	line-height: 42px;
	top: -44px;
	width: 406px;
	padding: 0 15px;
	border: 1px solid #ccc;
	background: #fff;
	left: -16px;
	color: #eea20e;
	font-size: 18px;
	font-weight: 700
}

.card-tip .card-name {
	top: 0;
	right: 12px
}

.input-cont_captcha .error {
	right: 216px
}

.guide-steps {
	width: 340px;
	margin: 0 auto;
	text-align: center;
	height: 56px;
	padding: 30px 0 20px
}

.guide-steps .failed h5 {
	color: #DD2F0B
}

.guide-steps .on h5 {
	color: #4773C8
}

.guide-steps .on span {
	background: #4773C8
}

.guide-steps .on.step-line {
	border-color: #4773C8
}

.guide-steps div {
	float: left;
	position: relative;
	height: 32px
}

.guide-steps div h5 {
	position: absolute;
	width: 120px;
	left: -44px;
	color: silver;
	font-size: 12px;
	line-height: 20px;
	top: 36px
}

.guide-steps span {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: silver;
	line-height: 32px;
	font-size: 14px;
	font-weight: 700;
	color: #fff
}

.step-line {
	width: 82px;
	height: 0 !important;
	border-bottom: 2px dashed silver;
	margin: 15px 20px;
	position: relative
}

.step-line p {
	position: absolute;
	left: 0;
	bottom: 12px;
	width: 82px;
	text-align: center;
	color: #959595;
	font-size: 12px
}

.guide-desc {
	text-align: center;
	width: 494px;
	margin: 0 auto;
	color: #515151
}

.guide-desc p {
	margin: 20px 0
}

.guide-desc .i_Btn_long {
	width: 470px
}

.guide-block_failed {
	background: url(../images/site/popup-error-bg.png) no-repeat top right
}

.guide-block_success {
	background: url(../images/site/popup-success-bg.png) no-repeat top right
}

.guide-block {
	background-color: #fff;
	border: 1px solid #f1f1f1;
	margin: 20px auto;
	padding: 20px 30px;
	height: 126px
}

.guide-block p {
	line-height: 24px
}

.guide-block p .i_Text {
	width: 260px
}

.guide-block .t_Left .i_Btn {
	margin-left: -2px
}

.guide-block_unbind p {
	margin: 0;
	color: auto;
	line-height: 36px
}

.guide-block_unbind p.c_Gray {
	margin-bottom: 6px
}

.account-bind {
	width: 372px;
	margin: 40px auto;
	background: #fafafa;
	border-radius: 2px
}

.account-bind .login-cont {
	padding-top: 30px
}

.account-bind .login-frame {
	height: 410px
}

.account-bind .pinterest-status {
	padding: 120px 0
}

.account-bind .login-urs {
	visibility: hidden
}

.bind-header {
	height: 100px;
	text-align: center;
	background: #161d23 url(../images/site/bkg-steam.jpg) no-repeat;
	color: #90969C
}

.bind-header h3 {
	font-weight: 700;
	color: #fff;
	padding: 25px 0 14px
}

.popup_guide_sell .guide-steps {
	width: 498px;
	padding-top: 50px
}

.popup_guide_sell .guide-steps h5 {
	color: #515151
}

.popup_guide_sell .guide-strong {
	margin: 48px 18px
}

.popup_guide_sell .guide-strong strong {
	font-size: 17px;
	color: #515151
}

.popup_login {
	animation: upIn .4s 0s ease-in-out 1 forwards;
	-webkit-animation: upIn .4s 0s ease-in-out 1 forwards;
	transform: scale(1, 1);
	overflow: hidden
}

.popup_login .pinterest-status {
	position: absolute;
	width: 100%;
	left: 0;
	top: 200px
}

.popup_login .login-frame {
	height: 400px;
	visibility: hidden
}

@keyframes upIn {
	0% {
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1)
	}

	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1)
	}
}

@-webkit-keyframes upIn {
	0% {
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1)
	}

	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1)
	}
}

.login-cont {
	padding: 40px 36px 0
}

.login-cont h2 {
	font-size: 16px;
	font-weight: 700;
	color: #515151;
	line-height: 20px
}

.login-cont h2 i {
	position: relative;
	z-index: 6
}

.login-frame {
	margin: -24px 0 0;
	position: relative;
	z-index: 3
}

.login-frame .w-Checkbox {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -114px
}

.login-frame .w-Checkbox span {
	margin: 0
}

.login-frame .w-Checkbox span:hover {
	color: #959595
}

.login-frame .w-Checkbox .icon {
	margin: -2px 4px 0 0 !important
}

.login-other {
	font-size: 12px;
	color: #959595;
	text-align: center;
	background: #f0f0f0;
	padding: 10px 0;
	position: relative;
	z-index: 99
}

.login-other .icon_steam_small {
	margin-top: -2px;
	margin-left: 4px
}

.popup_supply .popup-cont {
	padding: 30px 54px
}

.popup_supply .w-Steper span {
	width: 38px
}

.popup_supply .w-Steper .i_Text {
	width: 400px
}

.popup_supply .input-cont .i_Btn_hollow {
	right: 0;
	min-width: 120px
}

.popup_supply .check-result {
	height: 38px;
	line-height: 38px;
	position: absolute;
	right: 160px;
	top: 0
}

.packlist .nodata {
	padding: 20px 0
}

.packlist .list_card {
	min-height: unset;
	margin-top: 20px
}

.packlist .list_card_small2 li {
	margin-right: 26px
}

.packlist .card_csgo {
	width: 740px;
	max-height: 300px;
	overflow-y: auto
}

.packlist .card_csgo li .mask {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 2px;
	z-index: 20;
	background: #000;
	*filter: alpha(opacity=60);
	background: rgba(0, 0, 0, .6)
}

.packlist .card_csgo li.on .mask,
.packlist .card_csgo li:hover .mask {
	display: none
}

.packlist .card_csgo li .stip {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0;
	font-size: 12px;
	line-height: 24px;
	color: #E4E8EE;
	background: rgba(0, 0, 0, .5);
	border-radius: 2px 2px 0 0
}

.packcard {
	width: 740px;
	max-height: 200px;
	overflow-y: auto
}

.packcard li {
	width: 122px;
	height: 80px;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	float: left;
	margin: 20px 20px 0 0;
	cursor: pointer
}

.packcard li img {
	border-radius: 2px
}

.packcard li.on .mask,
.packcard li:hover .mask {
	display: none
}

.packcard li.on .icon_check_small,
.packcard li:hover .icon_check_small {
	display: block
}

.packcard .mask {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 2px;
	z-index: 20;
	background: #000;
	*filter: alpha(opacity=60);
	background: rgba(0, 0, 0, .6)
}

.packcard .icon_check_small {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none
}

.packcard .tag {
	position: absolute;
	left: 0;
	bottom: 0
}

.packcard .stip {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0;
	font-size: 12px;
	line-height: 24px;
	color: #E4E8EE;
	background: rgba(0, 0, 0, .5);
	border-radius: 2px 2px 0 0
}

.floattip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200
}

.floattip-cont {
	padding: 24px;
	line-height: 22px;
	color: #aaa;
	width: 270px;
	background: #282b30 url(../images/site/lighting.png) no-repeat right top;
	text-align: justify
}

.floattip-cont h3 {
	font-weight: 700;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 6px
}

.floattip-cont .tag {
	position: relative;
	top: -1px;
	right: -6px
}

.floattip-cont h4 {
	color: #999;
	margin: 12px 0 9px;
	font-weight: 700;
	color: #fff
}

.floattip-cont p {
	margin: 3px 0
}

.floattip-cont ul {
	margin: 6px 0
}

.floattip-cont .transaction-intr {
	margin-top: 10px;
	background: #383D46;
	border: 1px solid #404651;
	padding: 10px
}

.floattip-cont .small_btns {
	margin-top: -4px
}

.floattip-cont .small_btns .i_Btn {
	min-width: 42px;
	margin-left: 4px
}

.floattip-cont .transaction-intr2 {
	padding: 20px 24px;
	margin-left: -24px;
	margin-right: -24px;
	background: #2E3135
}

.floattip-cont .transaction-intr2 .w-OrderGroup .w-Order {
	min-width: 30px;
	padding: 0 10px
}

.floattip-cont .login-user {
	color: #fff
}

.floattip-cont .login-user .user-thum {
	margin: 0;
	margin-right: 9px
}

.floattip-cont-img {
	position: relative
}

.floattip-cont-img>div {
	position: absolute;
	right: 0
}

.floattip-cont-img>div i {
	cursor: pointer;
	margin-left: 8px
}

.fixedtip {
	background: #282b30 url(../images/site/lighting.png) no-repeat right top;
	background-color: rgba(0, 0, 0, .9);
	position: absolute;
	left: 0;
	top: 0;
	color: #E4E8EE;
	width: 160px;
	padding: 15px;
	line-height: 20px;
	text-align: justify;
	display: none;
	z-index: 1000
}

.fixedtip h3 {
	color: #90969C;
	margin: 0 0 9px
}

.fixedtip .icon_arr_big_right {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -7px
}

.fixedtip .icon_arr_big_left {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -7px
}

.fixedtip .line {
	margin: 12px 0 20px;
	background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
	*background: #4773C8
}

.fixedtip2 {
	width: auto;
	background-image: none;
	padding: 8px
}

.fixedtip2 .icon_arr_big_bot {
	transform: rotate(90deg);
	top: -9px;
	margin-top: 0;
	left: 50%;
	margin-left: -3px;
	z-index: -1
}

.fixedtip2 .icon_arr_big_top {
	top: unset;
	transform: rotate(270deg);
	bottom: -9px;
	margin-top: 0;
	left: 50%;
	margin-left: -3px;
	z-index: -1
}

.fixedtip2 h3 {
	margin: 0
}

.fixedtip_shop {
	width: 250px
}

.fixedtip_shop h2 {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	padding: 12px 0;
	color: #fff
}

.fixedtip_shop li {
	margin: 15px 25px;
	color: #90969C
}

.fixedtip_shop li label {
	width: 100px;
	display: inline-block
}

.fixedtip_shop li span {
	display: inline-block;
	width: 100px;
	text-align: right
}

.fixedtip_shop li strong {
	font-size: 18px;
	padding: 0 3px
}

.fixedtip_overpage {
	width: 330px;
	padding: 0
}

.fixedtip_overpage .icon_overpage {
	position: absolute;
	top: 12px;
	right: -3px
}

.fixedtip_overpage h3 {
	color: #90969C;
	padding: 15px
}

.fixedtip_overpage .line {
	margin: 0
}

.overpage-list {
	max-height: 320px;
	overflow: auto;
	margin: 0 5px 0 15px
}

.overpage-list .pic-cont {
	float: left
}

.overpage-list .img-cont {
	display: inline-block;
	width: 67px;
	height: 44px;
	text-align: center;
	background: url(../images/site/67x44.png) no-repeat
}

.overpage-list .overpage-del {
	width: 20px;
	padding-top: 13px;
	float: right
}

.overpage-list li {
	margin: 0 0 16px
}

.overpage-list li h5 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 44px;
	margin-left: 77px;
	margin-right: 24px
}

.overpage-btm {
	padding: 0 20px;
	color: #90969C;
	background: #33363A;
	height: 60px;
	line-height: 60px
}

.overpage-btm .f_Strong {
	font-size: 14px
}

.black ::-webkit-scrollbar {
	background: 0 0
}

.black ::-webkit-scrollbar-track {
	background: 0 0
}

.rolluutip {
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 10px;
	background: #16191e url(../images/site/lighting.png) right top no-repeat
}

.fixedtip_wiki {
	width: 280px
}

.fixedtip_wiki h2 {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	padding: 12px 0;
	color: #fff
}

.fixedtip_wiki h2 img {
	border-radius: 100%;
	margin-right: 10px
}

.fixedtip_wiki li {
	margin: 15px 25px
}

.fixedtip_wiki li label {
	width: 120px;
	display: inline-block;
	color: #90969C
}

.fixedtip_wiki li span {
	display: inline-block;
	width: 100px;
	color: #E4E8EE
}

.floatbar {
	position: fixed;
	right: 6px;
	top: 50%;
	z-index: 70;
	font-size: 12px;
	margin-top: -158px
}

.floatbar ul {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
	border-radius: 2px;
	background: #343e4b
}

.floatbar li {
	position: relative
}

.floatbar li a {
	display: block;
	width: 60px;
	text-align: center;
	color: #959595
}

.floatbar li a:hover {
	background: #2f3744;
	color: #818C9B
}

.floatbar li p {
	border-bottom: 1px solid #2d3642;
	margin: 6px 0 0;
	padding-bottom: 5px
}

.floatbar li .icon {
	width: 20px;
	height: 20px;
	margin: 10px 0 0
}

.floatbar li .icon_new {
	width: 6px;
	height: 6px;
	top: 0;
	left: 12px
}

.floatbar li .fixedtip {
	right: 75px;
	left: auto;
	top: -16px;
	padding: 20px 20px 10px
}

.floatbar li .fixedtip .icon_arr_big_right {
	width: 7px;
	height: 14px;
	top: 36px;
	margin: 0
}

.floatbar li .fixedtip h3 {
	margin: 0 0 3px
}

.floatbar .gotop {
	background: #343e4b;
	margin-top: 20px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
	border-radius: 2px
}

.floatbar .gotop:hover {
	background: #2f3744
}

.qqgroup-cont {
	width: 160px;
	height: 160px;
	overflow: hidden
}

#j_bar-qq-list li {
	float: left
}

#j_bar-qq-nav {
	text-align: center;
	margin: 3px 0;
	min-height: 6px
}

#j_bar-qq-nav span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin: 0 3px;
	cursor: pointer;
	background: #5B5D61
}

#j_bar-qq-nav span.on {
	background: #fff
}

.popup_roll .room-info {
	padding: 20px 86px;
	background: #F2F2F2
}

.popup_roll .room-info h3 {
	color: #515151;
	margin: 6px 0
}

.popup_roll .room-info .split {
	height: 20px;
	width: 2px;
	background: #ECECEC;
	float: right;
	margin: 16px 12px 0 0
}

.popup_roll table {
	margin: 0 auto
}

.popup_pubg .input-cont .i_Text {
	width: 534px
}

.popup_pubg .error {
	display: none;
	font-size: 12px;
	position: absolute;
	right: 90px;
	top: 6px
}

.popup_pubg .i_Text_error .i_Text {
	width: 410px;
	padding-right: 130px
}

.popup_pubg .i_Text_error .error {
	display: block
}

.popup_pubg .w-Selectsearch {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}

.popup_pubg .pinterest-op {
	padding-right: 80px
}

.popup_slide {
	height: 540px;
	border-radius: 0;
	background: 0 0
}

.popup_slide .icon_close {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 9
}

.popup_slide-main,
.popup_slide_list {
	position: absolute;
	top: 0;
	bottom: 0
}

.popup_slide-main {
	width: 950px;
	left: 0;
	background: #1c1c1d;
	overflow: hidden
}

.popup_slide-pic {
	width: 100%;
	height: 100%;
	display: flex
}

.popup_slide-pic li {
	height: 100%;
	flex-shrink: 0
}

.popup_slide-img {
	width: 100%;
	position: relative;
	height: 510px
}

.popup_slide-img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto
}

.popup_slide-intr {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.popup_slide-intr .pinterest-action {
	margin-left: 10px;
	margin-top: 5px
}

.popup_slide-next,
.popup_slide-prev {
	position: absolute;
	top: 50%;
	z-index: 99;
	opacity: .5
}

.popup_slide-next:hover,
.popup_slide-prev:hover {
	opacity: 1
}

.popup_slide-prev {
	left: 20px
}

.popup_slide-next {
	right: 20px
}

.nextStop,
.prevStop {
	display: none
}

.popup_slide_list {
	width: 162px;
	right: 0;
	background: #19191A;
	padding-top: 20px
}

.popup_slide_list h2 {
	margin: 0 20px;
	color: #FFF;
	font-weight: 700
}

.popup_slide_list ul {
	margin-top: 14px;
	height: 492px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 20px
}

.popup_slide_list ul::-webkit-scrollbar {
	width: 4px;
	height: 0;
	background-color: transparent
}

.popup_slide_list ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
	border-radius: 2px;
	background-color: transparent
}

.popup_slide_list ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
	background-color: #404040
}

.popup_slide_list ul li {
	position: relative;
	margin-bottom: 10px;
	width: 122px;
	height: 80px;
	overflow: hidden;
	background: url(../images/site/122x80.png)
}

.popup_slide_list ul li img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto
}

.popup_slide_list ul li span {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	color: #EEA20E;
	background: #33353B;
	border-radius: 2px;
	padding: 2px;
	z-index: 10
}

.swiper-button-disabled {
	display: none
}

.popup_trans .popup-cont {
	padding: 20px 54px
}

.popup_trans .popup-section-title {
	margin: 0 0 10px 0;
	font-size: 14px
}

.popup_trans .packcard {
	width: 665px;
	margin: 0
}

.popup_trans .packcard li {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px
}

.popup_trans .check-result {
	height: 38px;
	line-height: 38px;
	position: absolute;
	right: 160px;
	top: 0
}

.popup_trans .upload-pics .upload-item {
	margin-right: 16px
}

.popup_trans .packcard2 {
	max-height: 120px
}

.popup_trans-tb {
	margin-top: 10px
}

.popup_trans-tb td {
	padding: 10px 0
}

.popup_trans-tb .i_Text {
	width: 100%;
	box-sizing: border-box
}

.popup_trans-tb .popup_trans-tip {
	position: absolute;
	right: 20px;
	top: 10px
}

.popup_trans-tip {
	text-align: center;
	font-size: 14px;
	color: #90969C
}

.popup_trans-tip .icon {
	margin-right: 6px
}

.popup .pay-way li {
	font-weight: inherit;
	font-size: 14px;
	color: #515151;
	padding: 0 10px;
	margin: 0 6px 6px 0
}

.popup .pay-way.offFlex ul {
	display: block
}

.popup .pay-way.offFlex li {
	margin-right: 20px
}

.popup .pay-way li span {
	color: #A3A3A3
}

.popup .pay-way li.on span {
	color: #4773C8
}

.popup-error {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(4, 4, 4, .5)
}

.popup-error .popup-error-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}

.popup-error .popup-error-text .icon {
	margin-right: 6px
}

.popup-error .popup-error-text p {
	display: inline-block;
	max-width: 90%;
	min-width: 60%;
	padding: 24px 40px;
	line-height: 24px;
	text-align: left;
	color: #fff;
	background: #323B47;
	white-space: nowrap
}

.popup-real-types {
	display: flex;
	justify-content: space-between;
	padding: 40px 20px
}

.popup-real-types li {
	cursor: default;
	text-align: center;
	width: 240px;
	height: 80px;
	line-height: 80px;
	background: #FFF;
	border: 1px solid #E3E3E3;
	border-radius: 2px;
	font-size: 16px;
	color: #515151
}

.popup-real-types li .icon {
	margin-right: 12px
}

.popup-real-types li:hover {
	border-color: #EEA20E
}

.popup-qrbox {
	margin: 20px auto;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	border: 1px solid #979797;
	position: relative
}

.popup-qrbox img {
	line-height: 200px;
	display: inline-block;
	margin: 0 auto
}

.popup-qrbox .icon_qr {
	position: absolute;
	top: -6px;
	right: -6px;
	z-index: 99
}

.popup-qrbox2 {
	margin: 10px auto 0;
	width: 160px;
	height: 160px;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #F3F3F3
}

.popup-qrbox2 img {
	line-height: 0;
	display: block
}

.popup-qrbox2 .i_Btn {
	display: none !important
}

.popup-qrbox2.off {
	position: relative
}

.popup-qrbox2.off .i_Btn {
	position: absolute;
	display: block !important;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -40px
}

.popup-qrbox2.off:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(243, 243, 243, .8)
}

.inivte-frame {
	margin: -14px 0 0;
	position: relative;
	z-index: 3;
	height: 370px;
	text-align: center
}

.inivte-frame .input-cont {
	margin-top: 4px
}

.inivte-frame .input-cont .i_Text {
	width: 100%;
	box-sizing: border-box;
	padding-right: 160px
}

.inivte-frame .input-cont .error {
	font-size: 12px;
	position: absolute;
	right: 12px;
	top: 6px
}

.inivte-frame .i_Btn_long {
	width: 122px
}

.inivte-frame .i_Btn_hollow {
	width: 122px
}

.popup_wx .popup-cont {
	height: 278px;
	overflow: hidden
}

.popup_wx .icon_expired {
	display: block;
	margin: 110px auto 0
}

.epay .scope-count {
	margin: 10px 0 0
}

.epay .scope-count strong {
	color: #eea20e;
	font-size: 28px;
	margin-left: 6px
}

.epay h4 {
	margin-left: 34px
}

.epay ul {
	margin: 10px -20px 20px
}

.epay ul li {
	padding: 20px 54px;
	height: 40px;
	position: relative;
	display: table;
	width: 492px
}

.epay ul li .tag_recommand {
	border: 1px solid #EEA20E;
	color: #EEA20E;
	background: 0;
	margin-left: 10px
}

.epay ul li:hover {
	background: #F5F5F5
}

.epay ul li img {
	float: left
}

.epay ul li div {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 432px
}

.epay ul li div p {
	margin: 8px 0 0
}

.epay ul li div p span {
	color: #515151;
	margin: 0 3px
}

.epay ul li .icon_checkbox_big {
	position: absolute;
	right: 54px;
	top: 28px
}

.epay ul .scope-line {
	height: 0;
	overflow: hidden;
	border-top: 1px solid #E7E7E7;
	width: 492px;
	position: absolute;
	bottom: 0;
	left: 54px
}

.epay .a_Black {
	margin-left: 6px
}

.epay .a_Black:hover {
	color: #4D8FE7
}

.epay+div {
	padding-left: 34px
}

.epay .unselectable-pay-item {
	opacity: .32
}

.epay .unselectable-pay-item .icon_checkbox_big {
	display: none
}

.popup-payed {
	padding: 0 10px 10px
}

.popup-payed h3 {
	color: #90969C
}

.popup-payed div {
	margin: 20px 0 6px;
	position: relative
}

.popup-payed div .i_Btn {
	width: 100%;
	box-sizing: border-box
}

.popup-payed p {
	font-size: 12px;
	color: silver
}

.popup-payed .tag_recommand {
	position: absolute;
	top: 0;
	right: 0;
	background: #069B17;
	margin: 0
}

.popup_weixin {
	background-image: linear-gradient(180deg, #e4edff 0, #fafafa 60%);
	text-align: center
}

.popup_weixin .popup-close {
	top: 9px;
	right: 9px
}

.popup_weixin .scope-qr {
	margin: 6px 0 10px
}

.popup_weixin .scope-qr img {
	background: #fff;
	border: 1px solid #F3F3F3;
	padding: 10px
}

.popup_weixin .scope-title {
	letter-spacing: 4px
}

.popup_weixin .scope-code {
	width: 162px;
	margin: 4px auto 20px;
	background: #F1F6FF;
	border-radius: 3.84px;
	font-size: 24px;
	line-height: 24px;
	padding: 10px 0;
	text-align: center;
	position: relative;
	overflow: hidden
}

.popup_weixin .scope-code span {
	padding: 0 5px;
	display: inline-block
}

.popup_weixin .scope-code p {
	position: absolute;
	bottom: 0;
	width: 0;
	left: 0;
	content: "";
	height: 2px;
	background: #4773C8
}

.popup_weixin h3 {
	color: #515151;
	padding-top: 20px
}

.popup_weixin ul {
	text-align: left;
	font-size: 12px;
	padding: 0 20px 20px 50px
}

.popup_weixin ul li {
	color: #A3A3A3;
	line-height: 24px
}

.popup_weixin ul li::before {
	content: "\2022";
	color: #4773C8;
	font-weight: 700;
	display: inline-block;
	width: 1.5em;
	margin-left: -1.5em
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		transform: perspective(400px)
	}
}

.flipInX {
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	animation-duration: .1s;
	animation-fill-mode: both
}

.flipInX:nth-of-type(1) {
	animation-delay: .2s
}

.flipInX:nth-of-type(2) {
	animation-delay: .3s
}

.flipInX:nth-of-type(3) {
	animation-delay: .4s
}

.flipInX:nth-of-type(4) {
	animation-delay: .5s
}

.flipInX:nth-of-type(5) {
	animation-delay: .6s
}

.popup_custom {
	padding-top: 32px
}

.popup_custom .popup-btns {
	display: flex;
	padding: 0 10px 20px;
	justify-content: space-between
}

.popup_custom .popup-btns .i_Btn {
	flex: 1
}

.popup_custom-title {
	font-size: 16px;
	color: #515151;
	font-weight: 700;
	margin-bottom: 20px
}

.popup_custom-input {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.popup_custom-input .i_Text {
	text-align: center;
	min-width: 124px
}

.popup_flower .popup-cont {
	height: 454px;
	padding: 0;
	display: flex
}

.popup_flower .popup_flower-aside .i_Text {
	width: 100px !important;
	padding: 3px 6px !important
}

.popup_flower-aside {
	width: 160px;
	height: 100%;
	display: flex;
	flex-direction: column
}

.popup_flower-aside-top {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 6px
}

.popup_flower-aside-top .w-Search a {
	padding: 0 10px
}

.popup_flower-aside-con {
	flex: 1;
	overflow-y: auto
}

.popup_flower-aside-con ul {
	border-top: 1px solid #e3e3e3
}

.popup_flower-aside-con li {
	cursor: pointer;
	height: 32px;
	line-height: 30px;
	padding: 0 9px;
	font-size: 12px;
	color: #515151;
	border-bottom: 1px solid #e3e3e3;
	background: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.popup_flower-aside-con li:hover {
	background: #F8F8F8
}

.popup_flower-con {
	flex: 1;
	padding: 0 16px;
	height: 100%;
	overflow-y: auto
}

.popup_flower-con .name-cont h3 {
	font-size: 16px;
	color: #515151;
	margin-bottom: 10px;
	max-width: 280px;
	display: block
}

.popup_flower-con .name-cont .f_Strong {
	font-size: 17px
}

.popup_flower-list {
	display: flex;
	align-items: center
}

.popup_flower-list.disabled>li:before {
	content: "";
	display: none
}

.popup_flower-list>li {
	position: relative;
	margin-right: 16px;
	display: flex;
	align-items: center
}

.popup_flower-list>li:before {
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 8px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-image: url(../images/site/icon_seat_default.png)
}

.popup_flower-list>li.on:before {
	background-image: url(../images/site/icon_seat_selected.png)
}

.popup_flower-list>li>.icon_delete {
	position: absolute;
	top: -8px;
	right: -14px
}

.popup_flower-list>li>div {
	cursor: move;
	width: 48px;
	border: 1px dotted #979797;
	border-radius: 2px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center
}

.popup_flower-list>li>div img {
	max-width: 80%
}

.popup_flower-list.box_checked>li:first-of-type:before {
	content: "1"
}

.popup_flower-list.box_checked>li:nth-child(2):before {
	content: "2"
}

.popup_flower-list.box_checked>li:nth-child(3):before {
	content: "3"
}

.popup_flower-list.box_checked>li:nth-child(4):before {
	content: "4"
}

.popup_flower-list.box_checked>li:first-of-type:before {
	content: "1"
}

.index {
	background-image: url(../images/site/index-header-bg.jpg)
}

.index .l_Layout {
	width: 1142px
}

.index .header {
	border: none;
	background: url(../images/site/top-bg.png) no-repeat center top
}

.index .header .l_Layout {
	width: 1200px
}

.index .notice {
	display: none
}

.index .list_card {
	padding: 22px 0
}

.index .list_card ul {
	width: 1250px
}

.index .list_card li {
	margin: 0 25px 20px 0;
	border: 1px solid #ccc
}

.index .list_card li:hover {
	border-color: #ccc
}

.index .col1 {
	width: 280px;
	float: left;
	position: relative
}

.index .col2 {
	margin-left: 300px;
	width: 900px;
	overflow: hidden
}

.focus {
	height: 440px;
	position: relative;
	width: 100%;
	overflow-x: hidden;
	min-width: 1200px;
	z-index: 10
}

.focus .announcement {
	width: 1140px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -570px;
	color: #CED2D7
}

.focus-slider {
	height: 380px
}

.focus-slider li {
	display: none;
	height: 380px;
	cursor: pointer;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0
}

.focus-pic {
	width: 960px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 12px;
	margin-left: 0;
	transform: translateX(80px);
	-webkit-transform: translateX(-80px);
	animation: leftIn .5s 0s ease-in-out 1 forwards;
	-webkit-animation: leftIn .5s 0s ease-in-out 1 forwards
}

.focus-text {
	width: 900px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	padding-left: 80px;
	color: #D3D4D6;
	height: 380px;
	cursor: pointer;
	transform: translateX(-80px);
	-webkit-transform: translateX(-80px);
	animation: rightIn .5s 0s ease-in-out 1 forwards;
	-webkit-animation: rightIn .5s 0s ease-in-out 1 forwards
}

.focus-text h1 {
	font-size: 60px;
	font-weight: 700;
	line-height: 72px;
	height: 72px;
	padding: 86px 0 32px;
	color: #fff
}

.focus-text p {
	font-size: 28px;
	line-height: 28px
}

@keyframes leftIn {
	0% {
		transform: translateX(80px);
		opacity: .5
	}

	100% {
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes leftIn {
	0% {
		-webkit-transform: translateX(80px);
		opacity: .5
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1
	}
}

@keyframes rightIn {
	0% {
		transform: translateX(-80px);
		opacity: .5
	}

	100% {
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes rightIn {
	0% {
		-webkit-transform: translateX(-80px);
		opacity: .5
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1
	}
}

.focus-slider-nav {
	position: absolute;
	left: 50%;
	margin-left: -514px;
	bottom: 100px
}

.area1 {
	height: 550px;
	background: #e5e5e5 url(../images/site/index-section1-bg.jpg) no-repeat center top;
	padding: 60px 0
}

.hot_col1 {
	width: 910px;
	float: left
}

.hot_col1 .list_card ul {
	width: 1000px
}

.hot_col2 {
	float: right;
	position: relative
}

.area2 {
	height: 552px;
	background: #25282d url(../images/site/index-section2-bg.jpg) no-repeat center top;
	padding: 60px 0
}

.area3 {
	height: 552px;
	background: #e8e8e8 url(../images/site/index-section3-bg.jpg) no-repeat center top;
	padding: 60px 0
}

.area3 .list_card li {
	border-color: #d0d0d0 !important
}

.sec-title {
	border-bottom: 1px solid #BF9E4B;
	height: 38px;
	line-height: 38px
}

.sec-title h2 {
	float: left;
	width: 130px;
	height: 38px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 38px;
	border-radius: 2px 2px 0 0;
	margin-right: 40px;
	background: #BF9E4B;
	background-image: linear-gradient(270deg, rgba(206, 170, 52, .8) 0, rgba(189, 149, 42, .8) 36%, rgba(160, 113, 24, .8) 100%)
}

.sec-title li {
	float: left;
	margin: 0 40px 0 0;
	line-height: 35px;
	text-align: center;
	color: #929394;
	cursor: pointer
}

.sec-title li img {
	margin: -1px 6px 0 0
}

.sec-title li.on {
	border-bottom: 3px solid #BF9E4B
}

.sec-title li:hover {
	color: #eea20e
}

.sec-title a:link,
.sec-title a:visited {
	color: #929394
}

.sec-title a:hover {
	color: #eea20e
}

.sec-title_blue {
	border-bottom-color: #3D547D
}

.sec-title_blue h2 {
	background: #3D547D;
	background-image: linear-gradient(270deg, rgba(91, 126, 176, .8) 0, rgba(46, 71, 120, .8) 100%)
}

.sec-title_blue li.on {
	border-color: #3D547D
}

.newarrival {
	border-radius: 2px;
	margin-top: 22px;
	width: 280px;
	overflow: hidden
}

.recent-deal {
	width: 208px
}

.recent-deal h3 {
	height: 72px;
	background: url(../images/site/recent-deal-bg.jpg) no-repeat left top;
	text-align: center;
	line-height: 72px;
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

.recent-deal h3 .icon {
	margin: -2px 9px 0 0
}

.recent-deal ul {
	background: #383F4B;
	background-image: linear-gradient(-180deg, #454e5c 13%, #262c35 100%);
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, .03);
	height: 465px
}

.recent-deal li {
	padding: 16px 16px;
	clear: both;
	overflow: hidden
}

.recent-deal li img {
	float: left;
	margin: 0 12px 0 0
}

.recent-deal li h4 {
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 96px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	float: left;
	margin: 0 0 4px
}

.recent-deal li a:hover h4 {
	color: #eea20e
}

.cont_panel {
	background: #181C23;
	border-radius: 2px;
	width: 240px;
	float: left
}

.cont_panel .my-menu {
	float: left
}

.cont_panel .my-menu li a {
	padding: 0 64px
}

.cont_panel .my-menu .icon_new {
	right: 70px
}

.cont_main .i_Text,
.popup .i_Text {
	padding: 6px
}

.cont_main .list_tb tr:hover {
	background: 0 0
}

.cont_main .w-Search .i_Text {
	padding: 3px 6px
}

.cont_main .news-list .user-fav {
	margin-top: 25px;
	margin-right: 22px
}

.cont_main .news-list-text {
	height: 60px;
	margin-left: 112px;
	margin-right: 120px
}

.cont_main .news-list-text h4 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.cont_main .news-attr img {
	margin-top: -1px;
	margin-right: 6px
}

.my-thum {
	text-align: center;
	padding: 36px 20px
}

.my-thum img {
	border-radius: 50%
}

.my-thum h2 {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	margin: 24px 0 9px
}

.user-header {
	background: url(../images/site/user-header-bg.png) no-repeat center top;
	height: 152px;
	width: 940px;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0 0
}

.user-account {
	padding: 0 0 0 96px;
	*padding-top: 50px
}

.user-account span {
	margin-right: 20px
}

.user-account .icon {
	margin: -8px 0 0 12px
}

.user-account-tip {
	background: #222732;
	background: rgba(38, 43, 54, .8);
	padding: 0 16px;
	height: 36px;
	line-height: 36px;
	text-align: left;
	color: #B17C18;
	margin: 16px 96px 0;
	position: relative
}

.arr-up {
	color: rgba(38, 43, 54, .8);
	*color: #222732;
	font-style: normal;
	position: absolute;
	left: 66px;
	top: -18px;
	font-size: 30px
}

.cont_main .list_tb td {
	padding: 5px 0;
	font-size: 14px
}

.user-setting {
	background: #fff;
	border-radius: 2px;
	padding: 40px 54px;
	min-height: 580px
}

.user-setting h3 {
	font-weight: 700;
	color: #515151;
	margin-bottom: 9px
}

.user-setting .list_tb span {
	margin-right: 12px
}

.user-setting .list_tb .i_Btn_small {
	margin-left: 12px
}

.user-setting .list_tb .t_Vtop {
	line-height: 48px
}

.user-wallet {
	background: #fff;
	border-radius: 0 0 2px 2px;
	padding: 36px
}

.user-wallet h2 {
	font-size: 16px;
	color: #959595;
	margin: 0 0 12px
}

.user-wallet-section {
	margin-bottom: 42px
}

.user-wallet-section .nodata {
	height: 200px;
	line-height: 200px
}

.user-pay-desc {
	background: #FEFCF7;
	padding: 0 20px
}

.user-pay-desc ul {
	color: #929394;
	margin-top: -12px
}

.user-pay-desc li {
	line-height: 26px;
	font-size: 12px
}

.user-pay-desc .l_Right {
	width: 180px;
	text-align: center
}

.user-pay-desc .l_Right big {
	font-size: 28px
}

.user-pay-desc .l_Right p {
	margin: 9px 0
}

.user-pay-desc .l_Right .i_Btn {
	margin: 0
}

.line {
	height: 1px;
	font-size: 0;
	overflow: hidden;
	background-image: linear-gradient(-90deg, rgba(250, 250, 250, 0) 0, #eea20e 49%, rgba(250, 250, 250, 0) 100%);
	*background: #544B35
}

.line_blue {
	background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
	*background: #4773C8
}

.user-record {
	background: #fff;
	border-radius: 0 0 2px 2px;
	padding: 0 0 36px;
	min-height: 600px
}

.msg-title {
	text-align: left;
	color: #515151;
	padding: 0 30px;
	cursor: pointer;
	text-align: justify;
	line-height: 24px
}

.msg-folder-handler {
	cursor: pointer
}

.msg-folder-handler.on .msg-title,
.msg-folder-handler:hover .msg-title {
	color: #EEA20E
}

.msg-cont {
	line-height: 24px;
	padding: 5px 30px;
	color: #515151;
	text-align: justify
}

.msg-folder {
	background-image: linear-gradient(-180deg, #e2e2e2 0, #f5f5f5 23%) !important;
	*background: #F5F5F5;
	display: none
}

.msg-folder2 {
	background: #F2F3F4
}

.msg-folder2 td {
	padding: 0
}

.msg-folder2 .msg-cont {
	padding: 10px 30px
}

.user-feedback {
	padding: 40px 54px;
	background-color: #fff;
	min-height: 600px;
	border-radius: 2px
}

.user-feedback h2 {
	font-weight: 700;
	color: #515151;
	line-height: 30px
}

.user-feedback h5 {
	line-height: 22px
}

.user-feedback .list_tb td {
	padding: 14px 0;
	height: auto
}

.user-feedback .list_tb h5 {
	width: 200px;
	height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.user-feedback .list_tb .icon_new {
	margin-left: 6px
}

.upload-pics {
	display: inline-block
}

.upload-pics .upload-item {
	position: relative;
	display: inline-block;
	margin-right: 20px
}

.upload-pics .upload-item img {
	width: 80px;
	height: 80px
}

.upload-pics .upload-item .icon {
	position: absolute
}

.upload-pics .upload-item .icon_delete_small {
	top: 0;
	right: -20px
}

.upload-pics .upload-item .icon_uploading {
	position: static
}

.upload-btn {
	display: inline-block;
	padding: 27px;
	border: 1px dashed #e3e3e3;
	position: relative;
	vertical-align: middle;
	margin-right: 10px
}

.upload-btn:hover {
	border-color: #ccc
}

.upload-btn input {
	width: 76px;
	height: 76px;
	position: absolute;
	left: 2px;
	top: 2px;
	opacity: 0;
	cursor: pointer;
	filter: alpha(opacity=0)
}

.upload-progressing {
	position: absolute;
	left: 0;
	top: 0;
	background: #ccc;
	background: rgba(0, 0, 0, .8);
	padding: 25px
}

.upload-single-fail,
.upload-single-progressing {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	color: #FFF;
	text-align: center;
	box-sizing: border-box;
	padding-top: 34px
}

.upload-single-fail {
	background: rgba(137, 64, 64, .8)
}

.upload-single-fail span {
	cursor: default;
	text-decoration: underline
}

.upload-single-fail span:hover {
	color: #EDEDED
}

.user-cont {
	background: #fff;
	border-radius: 2px;
	padding: 40px 54px
}

.user-cont h2 {
	font-weight: 700;
	color: #515151;
	margin-bottom: 9px
}

.change .list_tb td {
	padding: 20px 0
}

.user-change {
	padding: 30px 0
}

.user-change span {
	margin-right: 20px
}

.user-change .i_Text {
	width: 90px;
	text-transform: uppercase;
	margin: 0 6px;
	font-weight: 700;
	font-size: 18px
}

.feedback-form {
	margin: 20px 0 40px
}

.feedback-form .list_tb {
	border: none
}

.feedback-form .list_tb td {
	border: none;
	padding: 9px 24px 9px 0;
	height: auto
}

.feedback-form tr:hover {
	background: 0 0
}

.feedback-form .i_Text {
	width: 690px
}

.feedback-form textarea {
	height: 106px
}

.feedback-form .c_Red {
	line-height: 42px
}

.text-title {
	line-height: 30px;
	padding: 0 12px
}

.text-cont {
	text-align: justify;
	line-height: 26px;
	color: #515151;
	padding-right: 20px;
	word-break: break-word
}

.text-img {
	margin-top: 8px
}

.text-img img {
	margin-top: -3px;
	margin-right: 4px
}

.user-fav {
	margin-left: 24px;
	color: #959595;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400
}

.user-fav .icon {
	margin: -2px 0 0 8px !important
}

.user-nick {
	width: 600px;
	text-align: left
}

.user-nick .i_Btn {
	min-width: auto;
	margin: 0 0 0 9px
}

.tb_user {
	border-collapse: collapse
}

.tb_user th {
	background: #F0F0F0;
	padding: 18px 9px;
	font-size: 15px
}

.tb_user td {
	border-bottom: 1px solid #c8c7c9;
	padding: 18px 9px
}

.user-fund {
	font-size: 15px;
	color: #666;
	padding: 32px 32px 32px 64px
}

.user-fund span {
	font-size: 24px;
	color: #000;
	margin: 0 32px 0 0
}

.user-fund .icon_info {
	margin: 0 9px 0 0
}

.user-countup {
	padding: 12px 32px
}

.user-countup li {
	line-height: 32px;
	height: 32px
}

.pay-method {
	padding: 20px 0;
	display: none
}

.pay-method .l_Tb td,
.pay-method .l_Tb th {
	padding: 12px 3px
}

.pay-method .tips {
	margin: 12px 0 0;
	line-height: 24px
}

.pay-method-title {
	padding: 20px;
	font-weight: 700;
	font-size: 15px
}

.user-mail .icon_unread {
	display: none
}

.user-mail .unread .icon_unread {
	display: inline-block
}

.mail-summary {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 370px
}

.cont_panel_help {
	width: 274px;
	padding: 16px 0
}

.cont_main_help {
	margin-left: 294px
}

.help-section {
	padding: 16px 12px 16px 28px
}

.help-section a:link,
.help-section a:visited {
	color: #90969C
}

.help-section a:active,
.help-section a:hover {
	color: #FFF
}

.help-section h2 {
	font-size: 16px;
	font-weight: 700;
	color: #C4C8CE;
	border-left: 2px solid #4773C8;
	padding: 0 0 0 9px;
	cursor: pointer
}

.help-section h2:hover {
	color: #fff
}

.help-section ul {
	padding: 16px 0 16px 16px;
	margin: 16px 0 0;
	display: none;
	background-image: linear-gradient(-270deg, rgba(114, 125, 144, .2) 9%, rgba(23, 23, 23, .2) 91%);
	*background: #1F222B
}

.help-section .icon_arr_right_small {
	display: none
}

.help-section li {
	height: 36px;
	line-height: 36px
}

.help-section li.on a {
	color: #fff
}

.help-section li.on .icon {
	display: inline-block;
	margin-left: 0
}

.help-section.on h2 {
	color: #fff
}

.help-section.on ul {
	display: block
}

.help-wraper {
	color: #515151;
	font-size: 16px;
	background: #fff;
	padding: 40px 56px;
	border-radius: 2px;
	text-align: justify;
	line-height: 30px
}

.help-title {
	border-bottom: 1px solid #E3E3E3;
	padding: 0 0 20px
}

.help-title h1 {
	font-size: 22px;
	line-height: 24px;
	font-weight: 700
}

.help-title p {
	margin: 12px 0 0
}

.help-cont h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 32px 0 24px
}

.help-cont p {
	margin: 12px 0
}

.help-cont a:link,
.help-cont a:visited {
	color: #4773C8
}

.help-cont a:active,
.help-cont a:hover {
	color: #eea20e
}

.help-cont img {
	max-width: 100%
}

.user-coupon {
	background: #fff;
	border-radius: 0 0 2px 2px;
	padding: 30px
}

.user-coupon-list {
	display: flex;
	flex-wrap: wrap
}

.user-coupon-list li {
	width: 280px;
	height: 160px;
	margin-left: 20px;
	margin-bottom: 30px;
	border-radius: 4px;
	overflow: hidden;
	background: url(../images/site/couponbkg.jpg) 0 bottom no-repeat
}

.user-coupon-list li:nth-of-type(3n-2) {
	margin-left: 0
}

.user-coupon-head {
	color: #fff;
	height: 70px;
	padding: 0 20px;
	align-items: center;
	position: relative
}

.user-coupon-head:before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -4px;
	border-bottom: 8px dotted #fff
}

.user-coupon-head h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	padding: 10px 0 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 170px
}

.user-coupon-head p {
	font-size: 12px
}

.user-coupon-head .i_Btn {
	width: 80px;
	height: 30px;
	background: rgba(255, 255, 255, .3);
	border: 1px solid #FFF;
	border-radius: 2px;
	min-width: auto;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 16px
}

.user-coupon-head .i_Btn:hover {
	background: #FFF
}

.user-coupon-body {
	padding: 12px 20px;
	font-size: 12px;
	color: #959595;
	letter-spacing: .55px;
	line-height: 20px;
	position: relative
}

.user-coupon-body:after,
.user-coupon-body:before {
	position: absolute;
	content: "";
	top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #fff
}

.user-coupon-body:before {
	left: -10px
}

.user-coupon-body:after {
	right: -10px
}

.user-coupon-body p {
	padding-left: 10px;
	position: relative
}

.user-coupon-body p:before {
	position: absolute;
	content: "Â·";
	left: 0
}

.user-coupon-con {
	max-height: 66px;
	overflow-y: auto
}

.user-coupon-purple {
	background: #9800FF
}

.user-coupon-purple .i_Btn:hover {
	color: #9800FF !important
}

.user-coupon-orange {
	background: #FF8200
}

.user-coupon-orange .i_Btn:hover {
	color: #FF8200 !important
}

.user-coupon-blue {
	background: #007DFF
}

.user-coupon-blue .i_Btn:hover {
	color: #007DFF !important
}

.user-coupon-dblue {
	background: #46597A
}

.user-coupon-dblue .i_Btn:hover {
	color: #46597A !important
}

.user-coupon-yellow {
	background: #E4B92C
}

.user-coupon-yellow .i_Btn:hover {
	color: #E4B92C !important
}

.user-coupon-gray {
	background: #ABB1B6
}

.user-coupon-green {
	background: #55A12D
}

.user-coupon-green .i_Btn:hover {
	color: #55A12D !important
}

.tag_csgo {
	background: #EEA20E
}

.tag_csgo a {
	color: #fff
}

.tag_dota {
	background: #E13B1B
}

.tag_dota a {
	color: #fff
}

.tag_h1z1 {
	background: #A40506
}

.tag_h1z1 a {
	color: #fff
}

.tag_pubg {
	background: #C57519
}

.tag_pubg a {
	color: #fff
}

.news-cont {
	background: #fafafa
}

.news-cont_list {
	padding: 20px
}

.news-cont_detail {
	padding: 48px
}

.news-cont_comment {
	padding: 36px
}

.news-list li {
	overflow: hidden;
	*zoom: 1;
	padding: 12px;
	background: #F0F0F0;
	margin-bottom: 20px;
	position: relative
}

.news-list li:hover {
	background: #EBEBEB
}

.news-list li img {
	float: left
}

.news-list li p {
	margin: 6px 0;
	color: #959595
}

.news-list li .icon_stick {
	position: absolute;
	left: 8px;
	line-height: 39px;
	font-size: 16px;
	color: #fff;
	text-align: center
}

.news-list-text {
	margin-left: 220px;
	position: relative;
	height: 132px
}

.news-list-text h4 {
	font-size: 18px;
	font-weight: 700;
	padding: 12px 0 6px
}

.news-list-text .news-attr {
	position: absolute;
	left: 0;
	bottom: 0
}

.news-attr span {
	margin-right: 24px !important;
	color: #959595
}

.news-attr .tag {
	margin-right: 9px;
	height: 20px;
	line-height: 20px;
	font-weight: 700;
	color: #fff
}

.news-attr .icon {
	margin: -2px 6px 0 0
}

.news-detail-header h1 {
	font-size: 20px;
	color: #515151;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 20px
}

.news-detail-header .icon {
	margin: -4px 6px 0 0
}

.news-detail-header .user-fav {
	font-size: 16px
}

.news-detail-cont {
	font-size: 16px;
	color: #515151;
	line-height: 30px;
	text-align: justify
}

.news-detail-cont h4 {
	font-size: 18px;
	font-weight: 700
}

.news-detail-cont p {
	margin: 20px 0
}

.news-detail-cont img {
	max-width: 1100px
}

.news-detail-cont a:link,
.news-detail-cont a:visited {
	color: #4773C8
}

.news-detail-cont a:active,
.news-detail-cont a:hover {
	color: #eea20e
}

.news-detail-footer {
	padding-top: 20px;
	color: rgba(73, 73, 73, .6);
	font-size: 12px;
	line-height: 28px
}

.news-comment_title,
.news-comment_title2 {
	color: #515151;
	line-height: 30px;
	font-weight: 700
}

.news-comment_title {
	font-size: 20px;
	position: relative
}

.news-comment_title:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 20px;
	background: #4886FF;
	left: -14px;
	top: 6px
}

.news-comment_title2 .icon {
	margin-top: -2px;
	margin-right: 10px
}

.news-comment_input {
	margin-top: 30px;
	position: relative
}

.news-comment_input .i_Text {
	width: 100%;
	box-sizing: border-box;
	padding: 20px
}

.news-comment_input .news-comment_inputBtn {
	text-align: right;
	margin-top: 20px
}

.news-comment_input .icon_comment_arr {
	position: absolute;
	content: "";
	top: -15px;
	right: 8px
}

.news-comment_item {
	padding: 20px 0 20px 70px;
	border-bottom: 1px solid #E8E8E8;
	position: relative
}

.news-comment_item img {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 30px
}

.news-comment_item .news-comment_input {
	margin-top: 20px
}

.news-comment_item .news-comment_input .i_Text {
	padding-top: 10px;
	padding-bottom: 10px
}

.news-comment_intr {
	font-size: 14px;
	color: #515151;
	line-height: 26px
}

.news-comment_op {
	margin-top: 6px;
	overflow: hidden;
	zoom: 1;
	color: #959595
}

.news-comment_op .icon {
	margin-right: 6px;
	margin-top: -2px
}

.news-comment-good {
	margin-right: 20px
}

.news-comment-re {
	margin-left: 20px;
	cursor: pointer
}

.news-comment-re:hover {
	color: #EEA20E
}

.news-comment-re.on {
	color: #515151
}

.news-comment_reply {
	background: #F4F4F4;
	margin-top: 20px
}

.news-comment_reply li {
	padding: 20px 0;
	margin: 0 20px;
	border-bottom: 1px solid #E8E8E8
}

.news-comment_reply li:last-of-type {
	border-bottom: 0
}

.contest {
	width: 343px;
	margin: 20px auto;
	position: relative;
	background: #F6F6F6;
	padding: 16px
}

.contest .tag_win {
	background-image: linear-gradient(135deg, #b6ea1a 0, #63c710 100%);
	margin: 0
}

.contest .icon_tag_c {
	width: 12px;
	height: 12px;
	background: url(../images/uis/tag_c.png) no-repeat;
	background-size: contain
}

.contest .icon_tag_t {
	width: 12px;
	height: 12px;
	background: url(../images/uis/tag_t.png) no-repeat;
	background-size: contain
}

.contest .icon_switcher_left,
.contest .icon_switcher_right {
	width: 32px;
	height: 32px;
	background: #ccc url(../images/uis/switcher-left.png) no-repeat center center;
	background-size: 24px 24px;
	border-radius: 50%;
	cursor: pointer
}

.contest .icon_switcher_left:hover,
.contest .icon_switcher_right:hover {
	background-color: #C1C1C1
}

.contest .icon_switcher_right {
	background-image: url(../images/uis/switcher-right.png)
}

.contest .icon_switcher_disabled {
	background-color: #e9e9e9;
	cursor: not-allowed
}

.contest .icon_switcher_disabled:hover {
	background-color: #e9e9ee
}

.contest .switcher-left {
	position: absolute;
	left: -50px;
	top: 124px
}

.contest .switcher-right {
	position: absolute;
	right: -50px;
	top: 124px
}

.contest-header {
	overflow: hidden
}

.contest-header h3 {
	text-align: left;
	padding: 0 0 12px
}

.contest-header h3 img {
	margin: 0 6px 0 0
}

.contest-header img {
	border-radius: 50%;
	vertical-align: middle
}

.contest-header .scope-tag {
	background: rgba(0, 0, 0, .44);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0
}

.contest-header .count_1 .banner-item {
	height: 192px;
	margin: 0
}

.contest-header .count_2 .banner-item {
	height: 94px;
	margin: 0 0 5px
}

.contest-header .count_3 .banner-item {
	height: 62px;
	margin: 0 0 3.5px
}

.contest-header .count_4 .banner-item,
.contest-header .count_5 .banner-item {
	height: 37px;
	margin: 0 0 2px
}

.contest-header .banner-item {
	border-radius: 4px;
	color: #fff;
	position: relative;
	background-size: cover !important;
	display: flex
}

.contest-header .scope-score {
	width: 300px;
	margin: auto
}

.contest-header .scope-score strong {
	font-size: 24px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle
}

.contest-header .scope-score img {
	margin: 0 9px 0
}

.contest-header .scope-score .s1 {
	width: 130px;
	float: left;
	text-align: right
}

.contest-header .scope-score .scope-mark {
	float: left;
	text-align: center;
	width: 40px;
	font-weight: 700
}

.contest-header .scope-score .s2 {
	width: 130px;
	float: left;
	text-align: left
}

.contest-header .count_1 .scope_single {
	width: 250px;
	margin: auto;
	background: rgba(0, 0, 0, .3);
	border-radius: 4px;
	overflow: hidden
}

.contest-header .count_1 .scope_single h4 {
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-align: center;
	background: rgba(255, 255, 255, .13)
}

.contest-header .count_1 .scope-score {
	*zoom: 1;
	padding: 10px 0;
	width: auto
}

.contest-header .count_1 .scope-score:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.contest-header .count_1 .scope-score:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.contest-header .count_1 .scope-score:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.contest-header .count_1 .scope-score .s1 {
	width: 100px
}

.contest-header .count_1 .scope-score .s1 img {
	margin-right: 36px
}

.contest-header .count_1 .scope-score .s2 {
	width: 100px
}

.contest-header .count_1 .scope-score .s2 img {
	margin-left: 36px
}

.contest-header .count_1 .scope-half {
	display: flex;
	justify-content: space-around
}

.contest-header .count_1 .scope-half .s1,
.contest-header .count_1 .scope-half .s3 {
	margin: auto
}

.contest-header .count_1 .scope-half .s2 table {
	margin: 0 auto
}

.contest-header .count_1 .scope-half .s2 td {
	font-size: 12px;
	padding: 0 4px
}

.contest-list {
	margin: 10px 0 0;
	display: none
}

.contest-list .c_Green {
	color: #0b0
}

.contest-list .c_Gray {
	color: #959595
}

.contest-list .c_Red {
	color: red
}

.contest-list td,
.contest-list th {
	text-align: left;
	font-size: 12px;
	color: #3E3E3E;
	border-bottom: 1px solid #eee;
	padding: 5px 3px
}

.contest-list th {
	font-weight: 400
}

.contest-list th img {
	border-radius: 50%
}

.contest-list h5 {
	font-size: 12px;
	width: 80px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.contest-switcher {
	height: 200px;
	overflow: hidden;
	position: relative
}

.contest-switcher .scope-banners {
	float: left;
	width: 343px
}

.contest-switcher-move {
	position: absolute;
	left: 0;
	top: 0
}

.vip-banner {
	height: 300px;
	background: url(../images/vip/img_membership_VIPKV.png) no-repeat;
	background-size: contain;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	color: #fff
}

.vip-banner .vip-name {
	position: absolute;
	left: 54px;
	top: 54px
}

.vip-banner h3 {
	font-size: 22px;
	padding: 18px 0 9px 18px
}

.vip-banner p {
	padding: 0 0 0 18px
}

.vip-banner .vip-expired {
	background: #46351C;
	color: #fff;
	width: 152px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	left: 251px;
	top: 54px;
	border-radius: 0 50px 0 120px;
	text-indent: 12px
}

.vip-banner .scope-btn {
	position: absolute;
	top: 194px;
	left: 692px
}

.vip-banner .vip-saletag {
	background: #D10D1C;
	width: 110px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	text-indent: 12px;
	color: #fff;
	right: 0;
	top: -12px;
	position: absolute;
	border-radius: 0 0 0 120px;
	font-size: 12px
}

.vip-banner .vip-saletag strong {
	font-size: 16px;
	margin: 0 3px
}

.vip-banner .i_Btn_vip {
	line-height: 50px;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 22px
}

.vip-cont {
	background: #fff;
	padding: 32px 54px
}

.vip-cont .scope-title {
	height: 38px
}

.vip-cont .scope-title_nosubtitle h3 {
	padding-top: 10px
}

.vip-cont h3 {
	margin: 0 0 8px
}

.vip-cont .list-mode {
	float: right;
	margin: 6px 0 0
}

.vip-cont .list-mode span {
	background-color: #E4E8EE;
	width: 1px;
	overflow: hidden;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px
}

.vip-cont .list-mode .icon {
	cursor: pointer
}

.vip-cardview {
	font-size: 0;
	width: 860px;
	margin: 16px 0 16px -8px
}

.vip-cardview li {
	width: 196px;
	height: 110px;
	background: url(../images/vip/card_bg/img_membership_cancelbargain.png);
	overflow: hidden;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin: 4px 8px
}

.vip-cardview li a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative
}

.vip-cardview li a:link,
.vip-cardview li a:visited {
	color: #fff
}

.vip-cardview li a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	opacity: 0
}

.vip-cardview li a:hover:after {
	opacity: .08
}

.vip-cardview li h4 {
	padding: 16px;
	position: relative
}

.vip-cardview li p {
	font-size: 12px;
	padding: 16px
}

.vip-listview {
	display: flex;
	margin: 24px 0 32px 0
}

.vip-listview>ul>li {
	margin: 0 0 16px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	width: 124px;
	height: 56px;
	background: url(../images/vip/card_bg/img_membership_more_S.png);
	display: flex
}

.vip-listview>ul>li span {
	margin: auto
}

.vip-listview>ul>li:hover {
	opacity: .9
}

.vip-listview>ul>li.on:hover {
	opacity: 1
}

.vip-listview>ul>li:last-of-type {
	margin: 0
}

.vip-listview>ul>li.disabled {
	cursor: text;
	pointer-events: none
}

.listview-cont {
	background: #F5F5F5;
	padding: 24px;
	flex: 1;
	margin-left: 24px
}

.listview-cont .scope-content {
	display: none
}

.listview-cont h4 {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 20px
}

.listview-cont div {
	line-height: 24px
}

.listview-cont div p {
	margin: 6px 0
}

.vip-qa li h5 {
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	background: #F5F5F5;
	cursor: pointer;
	position: relative
}

.vip-qa li h5:hover {
	background: #F8F8F8
}

.vip-qa li h5 .icon {
	position: absolute;
	right: 18px;
	top: 18px
}

.vip-qa li div {
	line-height: 28px;
	padding: 16px;
	display: none
}

.vip-qa li.on h5 {
	background: #F8F8F8
}

.vip-qa li.on div {
	display: block
}

.vip-mark {
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	margin: 6px 0
}

.vip-mark a {
	display: block;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .08);
	padding: 0 4px;
	color: #fff;
	font-size: 12px
}

.vip-mark a:hover {
	background: rgba(255, 255, 255, .16)
}

.vip-mark .icon_arr_right {
	margin: -2px 3px 0 3px
}

.vip-mark_on {
	color: #CB964C
}

.vip-mark_on h3 {
	color: #CB964C
}

.vip-mark_on a {
	color: #CB964C
}

.vip-item .pic-cont {
	position: relative
}

.vip-item td {
	padding-bottom: 55px;
	position: relative
}

.vip-tip {
	position: absolute;
	background: #f6f2ec;
	border: 1px solid #e0c39b;
	padding: 4px 18px;
	width: 1096px;
	left: 25px;
	top: 85px;
	color: #CB964C;
	text-align: left;
	font-size: 12px
}

.vip-tip .icon_desc_corner {
	position: absolute;
	top: -4px;
	left: 30px
}

.plus-card {
	*zoom: 1
}

.plus-card:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.plus-card:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.plus-card:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.plus-card ul {
	width: 584px;
	margin-left: -22px
}

.plus-card li {
	width: 268px;
	height: 128px;
	background: url(../images/vip/img_membership_method_normal.png) no-repeat center center;
	float: left;
	margin: 0 0 24px 24px;
	cursor: pointer;
	position: relative
}

.plus-card li:hover {
	opacity: .8
}

.plus-card li.on {
	background-image: url(../images/vip/img_membership_method_selected.png)
}

.plus-card li h5 {
	padding: 24px 20px 0;
	font-size: 20px;
	line-height: 26px
}

.plus-card li p {
	font-size: 16px;
	padding: 0 20px 0;
	margin-top: 12px
}

.plus-card li p strong {
	font-size: 32px;
	font-weight: 700;
	margin-right: 6px;
	color: #CB964C;
	line-height: 42px
}

.plus-card .scope-sales-tag {
	position: absolute;
	right: 2px;
	top: 2px;
	background-image: linear-gradient(135deg, #f8cf20 0, #eea20e 100%);
	border-radius: 0 8px 0 100px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px 0 24px;
	text-align: center;
	color: #fff;
	font-size: 20px
}

.contribute-header {
	background: url(../images/contribute/header-bg.png) no-repeat;
	width: 1200px;
	height: 140px
}

.contribute-desc {
	padding: 30px 54px 0 54px
}

.contribute-desc h3 {
	color: #eea20e;
	margin-bottom: 9px
}

.contribute-desc p {
	line-height: 28px
}

.contribute-form {
	background: #FAFAFA;
	border-radius: 2px;
	padding: 42px
}

.contribute-form .i_Text {
	padding: 11px;
	font-size: 16px;
	width: 990px
}

.contribute-form .list_tb {
	margin: 0 auto
}

.contribute-form .list_tb tr td {
	border: none;
	font-size: 16px
}

.contribute-form .list_tb tr:hover {
	background: 0 0
}

.contribute-form .fake-editor {
	border: 1px solid #e3e3e3;
	width: 1016px;
	height: 300px
}

.contribute-list {
	background: #fff;
	padding: 20px;
	min-height: 600px
}

.contribute-list .news-list {
	min-height: 600px
}

.contribute-list .news-list li {
	position: relative
}

.contribute-list .news-list .scope-status {
	position: absolute;
	right: 30px;
	top: 36px
}

.contribute-list .news-list .scope-btns {
	position: absolute;
	right: 30px;
	top: 30px
}

.roll .block-header {
	font-size: 12px
}

.roll .block-header strong {
	margin: 0 24px 0 9px
}

.roll-header {
	background: url(../images/site/roll/roll-header-bg.png) no-repeat;
	width: 1200px;
	height: 140px
}

.roll-desc {
	padding: 30px 54px 0 54px
}

.roll-desc h3 {
	color: #eea20e;
	margin-bottom: 9px
}

.roll-desc p {
	line-height: 28px;
	font-size: 12px
}

.roll-cont {
	background: #fafafa;
	padding: 14px 30px
}

.room-list {
	font-size: 12px;
	padding: 14px 0;
	width: 1176px
}

.room-list li {
	float: left;
	width: 260px;
	height: 343px;
	position: relative;
	border: 1px solid #E4E4E4;
	box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3);
	border-top: 5px solid #4773C8;
	margin: 0 30px 30px 0;
	border-radius: 5px 5px 2px 2px;
	background: #fff
}

.room-list li.room_official {
	border-top-color: #eea20e
}

.room-list li.room_official .room-info h3 strong {
	max-width: 180px
}

.room-list li a {
	display: block;
	height: 100%
}

.room-list li:hover {
	background: #fafafa
}

.room-list li h3 {
	color: #515151 !important
}

.room-filter {
	height: 34px
}

.room-filter .w-Checkbox {
	font-size: 14px;
	margin: 6px -6px 0 0
}

.room-info {
	padding: 18px
}

.room-info h3 {
	font-weight: 700;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 3px
}

.room-info h3 strong {
	display: inline-block;
	max-width: 230px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 6px;
	vertical-align: middle
}

.room-album {
	text-align: center;
	width: 168px;
	margin: 18px auto 0;
	font-size: 0
}

.room-album div {
	width: 78px;
	height: 52px;
	margin: 3px;
	border-radius: 2px;
	background: #4F4F50;
	float: left;
	position: relative;
	background-image: linear-gradient(-180deg, #414141 0, #4d4d4d 47%, #60636b 100%)
}

.room-album div p {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #5C5E66;
	*filter: alpha(opacity=70);
	left: 0;
	top: 0;
	line-height: 52px;
	font-size: 12px;
	color: #FAFAFA;
	border-radius: 2px;
	background: rgba(28, 32, 43, .7)
}

.room-account {
	background: #F6F6F6;
	height: 85px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 260px
}

.room-account div {
	width: 129px;
	float: left;
	text-align: center;
	color: #959595;
	padding: 28px 0 0
}

.room-account .split {
	height: 20px;
	width: 2px;
	background: #ECECEC;
	float: left;
	margin: 38px 0 0
}

.room-account h4 {
	padding: 0 0 4px;
	font-size: 14px;
	color: #eea20e
}

.room-account h4 small {
	font-size: 12px
}

.room-account .user-thum {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -25px;
	bottom: 62px
}

.room-joined {
	width: 100%;
	height: 349px;
	position: absolute;
	left: 0;
	top: -5px;
	border-radius: 5px 5px 2px 2px;
	background: #45536c;
	*filter: alpha(opacity=95);
	background: rgba(69, 83, 108, .95);
	text-align: center
}

.room-joined h5 {
	margin: 140px 0 18px;
	font-size: 16px;
	font-weight: 700
}

.roll-user {
	background: url(../images/site/roll/roll-user-bg.png) no-repeat;
	width: 240px;
	height: 214px;
	float: left;
	text-align: center
}

.roll-user .user-thum {
	margin: 30px auto 0
}

.roll-user p {
	height: 24px;
	line-height: 24px
}

.roll-user h3 {
	font-size: 16px;
	font-weight: 700;
	margin: 12px 0
}

.roll-user .line {
	margin: 9px 36px 12px
}

.room-detail {
	background: url(../images/site/roll/roll-detail-bg.png) no-repeat;
	width: 940px;
	height: 214px;
	float: right;
	position: relative
}

.room-detail .roll-joinbtn {
	float: right;
	padding: 150px 30px 0 0
}

.room-desc {
	padding: 36px 0 0 42px;
	width: 600px;
	float: left
}

.room-desc h2 {
	font-size: 20px;
	margin: 0 0 10px;
	line-height: 22px
}

.room-text {
	background: rgba(48, 61, 84, .3);
	border-radius: 2px;
	padding: 10px 24px;
	line-height: 24px;
	margin: 20px 0;
	*background: #1D2430
}

.roll-gifts-list li {
	width: 122px;
	height: 80px;
	position: relative;
	float: left;
	border-radius: 2px;
	background: #4F4F50;
	background-image: linear-gradient(-180deg, #414141 0, #4d4d4d 47%, #60636b 100%);
	margin: 10px
}

.roll-gifts-list li .tag {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #eea20e;
	background: #33353B;
	margin: 0
}

.roll-joined {
	min-height: 240px
}

.roll-joined-list {
	padding: 0 0 0 6px
}

.roll-joined-list li {
	width: 100px;
	margin: 10px 13px;
	text-align: center;
	float: left;
	position: relative
}

.roll-joined-list .tag_status {
	position: absolute;
	right: 2px;
	top: 2px
}

.roll-joined-list h4 {
	color: #90969C;
	margin: 9px 0
}

.roll-cont_table {
	background: #fafafa;
	min-height: 410px;
	padding-bottom: 20px
}

.roll-cont_table .list_tb_indent {
	text-indent: 54px
}

.invite {
	background: #29272a url(../images/site/invite/bg.jpg) no-repeat center top;
	color: #959595
}

.invite ol {
	padding-left: 12px
}

.invite ol li {
	margin: 0 0 9px;
	list-style: decimal
}

.invite .list_tb tr:hover {
	background: 0 0
}

.invite .list_tb .t_Center {
	text-align: center;
	color: #959595;
	font-size: 18px;
	font-weight: 700
}

.invite .list_tb td {
	font-size: 12px;
	border-top: 2px solid #4C4946;
	border-bottom: 2px solid #4C4946;
	padding: 12px 3px;
	text-align: left
}

.invite .list_tb td img {
	border-radius: 50%;
	vertical-align: middle;
	margin: -1px 6px 0 0
}

.invite .list_tb td h5 {
	font-size: 12px;
	color: #959595
}

.invi-header {
	width: 900px;
	margin: 0 auto;
	clear: both;
	overflow: hidden
}

.pack {
	width: 283px;
	height: 368px;
	background: url(../images/site/invite/pack.png) no-repeat;
	float: left;
	text-align: center
}

.pack img {
	border-radius: 50%;
	margin: 140px 0 15px
}

.pack h3 {
	font-size: 16px;
	color: #F8C9C9
}

.invi-desc {
	margin-left: 368px;
	color: #8D816B;
	text-align: center
}

.invi-desc .word1 {
	width: 502px;
	height: 58px;
	background: url(../images/site/invite/word2.png) no-repeat;
	margin: 60px auto 50px
}

.invi-desc .word2 {
	width: 454px;
	height: 63px;
	background: url(../images/site/invite/word1.png) no-repeat;
	margin: 60px auto 50px
}

.invi-desc .q {
	margin: 0 0 40px
}

.invi-desc .q p {
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	width: 340px
}

.invi-desc .q p span {
	color: #F8F0C2;
	margin: 0 3px
}

.invi-desc .q .icon_q1 {
	margin: -9px 0 0
}

.invi-desc .q .icon_q2 {
	margin: 0 0 -60px
}

.invi-cont {
	width: 890px;
	margin: 40px auto 0
}

.invi-cont h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	border-left: 3px solid #BB9C72;
	padding-left: 9px;
	line-height: 18px;
	margin: 20px 0
}

.invi-guide {
	margin: 100px auto;
	clear: both;
	overflow: hidden;
	width: 940px;
	color: #D1D4DB
}

.invi-guide .icon {
	width: 60px;
	height: 60px;
	margin: 0 9px 0 0;
	float: left
}

.invi-guide ul {
	margin-left: 30px
}

.invi-guide li {
	font-size: 12px;
	float: left;
	width: 180px;
	line-height: 20px
}

.invi-guide li.split {
	width: 24px;
	height: 8px;
	border-top: 2px dashed #7B7670;
	margin: 30px 16px 0
}

.invi-guide li span {
	margin: 10px 0 0;
	float: left
}

.invi-guide li .singleline {
	margin-top: 20px
}

.strong {
	color: #FFDFB5;
	font-weight: 700
}

.invi-rank {
	color: #E4E8EE;
	background: #363437;
	padding: 0 45px;
	float: left;
	width: 520px
}

.invi-rank .tip {
	text-align: right;
	color: #8D816B;
	font-size: 12px;
	padding: 14px 0
}

.invi-rank .tip .icon {
	margin: 0 9px 0 0
}

.invi-recent {
	float: right;
	width: 240px;
	color: #E4E8EE;
	background: #363437;
	height: 882px;
	overflow: hidden
}

.invi-recent h3 {
	margin-left: 24px
}

.invi-recent li {
	font-size: 12px;
	padding: 20px;
	height: 35px
}

.invi-recent li img {
	float: left;
	margin: 0 12px 0 0
}

.invi-recent li h5 {
	color: #959595;
	font-size: 12px;
	padding: 3px 0
}

.invi-recent li:nth-of-type(odd) {
	background: #3A3A3E
}

.invi-explain {
	margin: 30px 15px
}

.invi-explain h3 {
	font-weight: 700;
	color: #d0d0d0;
	font-size: 14px;
	border: none;
	padding: 0
}

.invi-explain ol {
	margin: 14px 30px 14px 0;
	padding-left: 20px
}

.invi-explain li {
	line-height: 18px;
	font-size: 12px
}

.i_Btn_invi {
	text-indent: -60em;
	width: 322px;
	height: 54px;
	padding: 0;
	overflow: hidden
}

.i_Btn_invi:link,
.i_Btn_invi:visited {
	background: url(../images/site/invite/btn-reg.png) no-repeat
}

.i_Btn_invi:active,
.i_Btn_invi:hover {
	background-position: 0 -54px
}

.i_Btn_copy {
	text-indent: -60em;
	width: 122px;
	height: 54px;
	padding: 0;
	overflow: hidden;
	position: relative;
	left: -2px
}

.i_Btn_copy:link,
.i_Btn_copy:visited {
	background: url(../images/site/invite/btn-copy.png) no-repeat
}

.i_Btn_copy:active,
.i_Btn_copy:hover {
	background-position: 0 -54px
}

.i_Text_copy {
	width: 260px;
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	color: #E4E8EE;
	padding: 0 20px;
	background: #363437;
	border: 1px solid #484649
}

.i_Text_copy:focus {
	background: #363437;
	border: 1px solid #625f63
}

.invi-copy {
	margin-top: 60px
}

.icon_q1 {
	width: 38px;
	height: 31px;
	background: url(../images/site/invite/q1.png)
}

.icon_q2 {
	width: 38px;
	height: 31px;
	background: url(../images/site/invite/q2.png)
}

.icon_g1 {
	background: url(../images/site/invite/icon_s1.png)
}

.icon_g2 {
	background: url(../images/site/invite/icon_s2.png)
}

.icon_g3 {
	background: url(../images/site/invite/icon_s3.png)
}

.icon_g4 {
	background: url(../images/site/invite/icon_s4.png)
}

.icon_rank {
	width: 12px;
	height: 17px;
	background: url(../images/site/invite/icon_rank.png)
}

.icon_medal1 {
	background: url(../images/site/invite/medal1.png);
	width: 24px;
	height: 32px
}

.icon_medal2 {
	background: url(../images/site/invite/medal2.png);
	width: 24px;
	height: 32px
}

.icon_medal3 {
	background: url(../images/site/invite/medal3.png);
	width: 24px;
	height: 32px
}

.icon_success {
	width: 76px;
	height: 76px;
	background: url(../images/yes@3x.png)
}

.icon_pack {
	width: 140px;
	height: 152px;
	background: url(../images/site/invite/pack-small.png);
	float: left;
	margin-right: 9px
}

.popup-pack h4 {
	font-size: 16px;
	font-weight: 700;
	padding: 40px 0 16px 0
}

.popup-pack p {
	font-size: 14px;
	line-height: 24px
}

.pinterest {
	padding: 30px
}

.pinterest-cont {
	border-top: 1px solid #E4E4E4;
	padding-top: 20px
}

.pinterest-btns {
	line-height: 30px
}

.pinterest-btns h2 {
	line-height: 30px
}

.pinterest-op {
	font-size: 12px;
	color: #90969C;
	cursor: pointer
}

.pinterest-op .icon {
	margin-left: 4px
}

.pinterest-selects {
	padding-bottom: 16px;
	margin-right: -20px
}

.pinterest-selects .w-Selectsearch {
	float: left;
	margin-right: 20px;
	margin-bottom: 14px
}

.pinterest-list {
	margin-top: 15px;
	position: relative
}

.pinterest-item {
	position: absolute;
	width: 210px;
	border: 1px solid #E4E4E4;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3);
	overflow: hidden
}

.pinterest-img {
	width: 100%;
	position: relative
}

.pinterest-img img {
	width: 100%;
	display: block
}

.pinterest-img .pinterest-action {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: rgba(2, 2, 2, .5);
	border-radius: 87px
}

.pinterest-intr {
	margin: 10px;
	height: 52px;
	line-height: 26px;
	padding: 0 6px;
	overflow: hidden
}

.pinterest-user {
	height: 40px;
	line-height: 40px;
	background: #FAFAFA;
	padding: 0 10px;
	font-size: 12px;
	color: #959595
}

.pinterest-user img {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.pinterest-action {
	padding: 2px 10px 0;
	color: #fff;
	cursor: pointer;
	line-height: 20px
}

.pinterest-action b {
	vertical-align: baseline
}

.pinterest-action span {
	margin-left: 4px
}

.loading-spinner {
	padding: 40px 0;
	margin: 0 auto;
	width: 70px;
	text-align: center
}

.loading-spinner>div {
	width: 18px;
	height: 18px;
	background-color: #D8D8D8;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.loading-spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.loading-spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bouncedelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.transaction-header {
	padding: 20px 30px 10px;
	position: relative;
	background: rgba(17, 20, 25, .8)
}

.transaction-header .icon_pre {
	width: 2px;
	background: #4773C8;
	height: 12px;
	margin: -2px 6px 0 0
}

.transaction-user img {
	width: 28px;
	height: 28px;
	border-radius: 100%;
	margin-right: 10px
}

.transaction-intr {
	padding: 20px 30px;
	background: rgba(48, 61, 84, .3);
	display: flex;
	justify-content: space-between;
	align-items: center
}

.transaction-intr strong {
	margin-left: 6px
}

.transaction-intr .c_White {
	color: #DEE1E6
}

.transaction-intr .icon {
	margin-right: 6px
}

.transaction-intr .line {
	margin: 10px 0;
	background-image: linear-gradient(-270deg, rgba(238, 162, 14, .4) 0, rgba(238, 162, 14, .4) 2%, #16171c 100%);
	width: 350px
}

.transaction-album {
	padding: 10px 20px 0;
	box-sizing: border-box;
	height: 138px;
	background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.transaction-album div {
	width: 78px;
	height: 52px;
	margin: 3px;
	border-radius: 2px;
	background: #4F4F50;
	float: left;
	position: relative;
	background-image: linear-gradient(-180deg, #414141 0, #4d4d4d 47%, #60636b 100%)
}

.transaction-album div p {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 52px;
	font-size: 12px;
	color: #FAFAFA;
	border-radius: 2px;
	background: rgba(28, 32, 43, .7);
	margin: 0;
	padding: 0;
	text-align: center
}

.transaction-imgs ul {
	margin-top: 10px;
	text-align: center
}

.transaction-imgs ul li {
	width: 96px;
	height: 96px;
	font-size: 0;
	display: inline-block;
	margin: 0 10px
}

.transaction-title {
	font-weight: 700;
	color: #515151
}

.transaction-title a {
	color: #929394;
	font-weight: 400
}

.detail-tab-cont .transaction-title {
	margin: 0 25px;
	padding-top: 30px;
	border-top: 1px solid #E8E8E8
}

.transaction-con {
	padding: 5px 10px;
	background: #383D46
}

.transaction-con p {
	position: relative;
	padding-left: 10px
}

.transaction-con p:before {
	content: "";
	position: absolute;
	width: 3px;
	left: 0;
	top: 20%;
	bottom: 20%;
	background: #45536C
}

.transaction-con p span {
	color: #c7c7c7
}

.g-market-header {
	position: relative;
	padding-top: 42px;
	box-sizing: border-box;
	background: url(../images/site/marcket-right.png) right 5px no-repeat
}

.g-market-header:after,
.g-market-header:before {
	content: "";
	position: absolute
}

.g-market-header:before {
	width: 87px;
	height: 6px;
	top: 0;
	left: 0;
	background: url(../images/site/marcket-left.png)
}

.g-market-header:after {
	top: 5px;
	bottom: 0;
	left: 0;
	right: 0;
	background: #111419;
	filter: alpha(opacity=80);
	background: rgba(17, 20, 25, .8);
	z-index: -1;
	border-radius: 2px
}

.gM6 {
	margin: 0 6px
}

.gMT6 {
	margin-top: 6px
}

.g-w940 {
	width: 940px
}

.g-w860 {
	width: 860px
}

.g-w320 {
	width: 320px
}

.g-w1015 {
	width: 1015px
}

.g-w150 {
	width: 150px
}

.g-w270 {
	width: 270px
}

.g-w280 {
	width: 280px
}

.g-w480 {
	width: 480px
}

.g_Right {
	float: right
}

.g-mr30 {
	margin-right: 30px !important
}

.g-flex {
	display: flex;
	justify-content: space-between
}

.g-flex .g-w150 {
	flex: 0 0 0
}

.g-nav {
	display: flex;
	font-size: 14px
}

.g-nav li {
	margin-right: 16px;
	cursor: pointer
}

.g-nav li.on {
	color: #515151;
	font-weight: 700;
	position: relative
}

.g-nav li.on:before {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: -10px;
	height: 2px;
	background: #4773C8;
	overflow: hidden
}

.g-inbock {
	display: inline-block;
	text-align: left
}

.g-inbock .t_1 {
	text-indent: 4px;
	margin-bottom: 5px;
	text-decoration: line-through
}

.g-inbock .f_Strong big {
	font-size: 18px
}

.g-grayBox {
	background: #F4F4F4;
	padding: 20px 60px
}

.g-grayBox_title {
	font-size: 16px;
	color: #515151;
	font-weight: 700;
	margin-bottom: 16px
}

.g-grayBox_more {
	font-size: 12px;
	padding-top: 14px;
	text-align: center;
	color: #90969C;
	cursor: default
}

.g-grayBox_more .icon {
	margin-left: 4px
}

.g-whiteBox {
	display: flex;
	align-items: center;
	padding: 14px;
	padding-right: 30px;
	background: #F9F9F9;
	border: 1px solid #E4E4E4;
	box-shadow: 0 0 4px 0 rgba(149, 149, 149, .1)
}

.g-whiteBox_cont {
	flex: 1
}

.g-whiteBox_cont p {
	margin: 0
}

.g-whiteBox_img {
	width: 122px;
	height: 90px;
	margin-right: 14px;
	background: url(https://buff.163.com/static/images/item_bg.png);
	background-size: cover
}

.g-whiteBox_title {
	font-size: 16px;
	color: #515151;
	margin-bottom: 10px
}

.g-soldout {
	position: relative
}

.g-soldout:before {
	line-height: 48px;
	position: absolute;
	content: attr(data-text);
	font-size: 14px;
	color: #E4E8EE;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .6)
}

.list_card_recommend ul {
	width: auto;
	min-height: auto;
	margin-right: -21px;
	margin-top: -20px
}

.list_card_recommend ul li {
	display: none;
	margin-top: 20px;
	margin-bottom: 0
}

.list_card_recommend ul li:nth-of-type(1),
.list_card_recommend ul li:nth-of-type(2),
.list_card_recommend ul li:nth-of-type(3),
.list_card_recommend ul li:nth-of-type(4),
.list_card_recommend ul li:nth-of-type(5),
.list_card_recommend ul li:nth-of-type(6) {
	display: inline-block
}

.list_card_recommend ul li p {
	line-height: 1em
}

.list_card_recommend a {
	color: #333 !important
}

.list_card_recommend.on li {
	display: inline-block
}

.wiki-search {
	height: 112px
}

.wiki-search .evaluation-cont {
	padding: 0
}

.wiki-box {
	padding: 0 30px;
	background: #181C25;
	outline: 1px solid rgba(30, 40, 64, .1);
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, .03)
}

.wiki-header {
	padding-top: 30px;
	padding-bottom: 30px
}

.wiki-header h2 {
	font-weight: 700;
	color: #FFF;
	text-indent: 10px;
	position: relative
}

.wiki-header h2:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	content: "";
	width: 2px;
	height: 11px;
	background: #4773C8;
	overflow: hidden
}

.wiki-list a {
	float: left;
	position: relative;
	box-sizing: border-box;
	overflow: hidden
}

.wiki-list a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.wiki-list img {
	width: 100%;
	height: 100%
}

.wiki-list p {
	position: absolute;
	z-index: 2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: default;
	font-size: 12px;
	color: #fff !important
}

.wiki-list--hero {
	margin-left: -11px
}

.wiki-list--hero a {
	width: 90px;
	height: 52px;
	margin-left: 11px;
	margin-bottom: 10px;
	text-align: center
}

.wiki-list--hero a:hover {
	outline: 1px solid #EEA20E
}

.wiki-list--hero a:hover:before {
	background: linear-gradient(-180deg, rgba(0, 0, 0, .2) 50%, #000 100%)
}

.wiki-list--hero a:hover p {
	display: block
}

.wiki-list--hero p {
	left: 4px;
	right: 4px;
	bottom: 4px;
	display: none
}

.wiki-list--type,
.wiki-list--type2 {
	margin-left: -20px
}

.wiki-list--type a,
.wiki-list--type2 a {
	width: 120px;
	height: 80px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border: 1px solid rgba(30, 40, 64, .1);
	border-radius: 2px
}

.wiki-list--type a:before,
.wiki-list--type2 a:before {
	background: rgba(0, 0, 0, .2);
	background: linear-gradient(-1deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0) 100%)
}

.wiki-list--type a.on,
.wiki-list--type a:hover,
.wiki-list--type2 a.on,
.wiki-list--type2 a:hover {
	border: 1px solid #EEA20E
}

.wiki-list--type p,
.wiki-list--type2 p {
	left: 10px;
	right: 10px;
	bottom: 10px
}

.wiki-list--type2 {
	padding: 18px 0;
	margin-left: -10px;
	display: flex;
	min-height: 78px
}

.wiki-list--type2 a {
	display: block;
	flex: 1;
	max-width: 128px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 0
}

.wiki-list--type2 img {
	max-width: 100%;
	height: auto;
	object-fit: cover
}

.wiki-list2 {
	margin: 0 -30px
}

.wiki-list2 li {
	padding: 18px 30px;
	clear: both;
	overflow: hidden
}

.wiki-list2 img {
	float: left;
	margin: 0 12px 0 0
}

.wiki-list2 a {
	color: #E4E8EE
}

.wiki-list2 a:hover {
	color: #eea20e
}

.wiki-list2 h4 {
	width: 180px;
	height: 22px;
	line-height: 22px;
	float: left;
	margin: 0 0 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.wiki-list2 span {
	margin-right: 10px
}

.wiki-open {
	text-align: center;
	color: #90969C;
	cursor: default
}

.wiki-open:hover {
	color: #E4E8EE
}

.wiki-open .icon {
	margin-left: 6px;
	margin-top: -4px
}

.wiki-select {
	padding-left: 30px;
	padding-right: 30px
}

.wiki-intr {
	height: 100%;
	padding: 20px 14px 0;
	box-sizing: border-box;
	background: #191a1d url(../images/site/hero-bg.png) left bottom no-repeat;
	position: relative
}

.wiki-intr>h2 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #FFF
}

.wiki-intr>h3 {
	position: absolute;
	bottom: 16px;
	color: #E4E8EE
}

.wiki-intr-des {
	margin-top: 26px;
	margin-left: -12px
}

.wiki-intr-des img {
	float: left;
	margin-left: 12px;
	margin-bottom: 10px;
	width: 32px;
	height: 32px;
	border-radius: 100%
}

.wiki-type {
	padding: 20px 14px;
	background: #1b1f28;
	background: rgba(27, 31, 40, .94)
}

.wiki-type h2 {
	display: inline-block;
	font-size: 16px;
	color: #FFF;
	margin-left: 20px
}

.wiki-detail {
	padding: 20px;
	background: #1C202B;
	border: 1px solid rgba(30, 40, 64, .1)
}

.wiki-detail>h2 {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	line-height: 32px;
	word-break: keep-all;
	word-wrap: break-word;
	white-space: pre-wrap
}

.wiki-detail>h3 {
	color: #FFF
}

.wiki-detail .icon_pre {
	width: 2px;
	background: #4773C8;
	height: 12px;
	margin: -2px 6px 0 0
}

.wiki-detail .line {
	margin: 40px 0;
	background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
	*background: #4773C8
}

.wiki-detail table td {
	padding: 10px 0;
	text-align: left;
	color: #E4E8EE
}

.wiki-detail table td:first-of-type {
	font-size: 12px;
	color: #959595
}

.wiki-detail table td p {
	margin-bottom: 10px
}

.wiki-detail table td p:last-of-type {
	margin-bottom: 0
}

.wiki-detail-des {
	line-height: 26px
}

.wiki-prices {
	padding: 30px 20px 30px 40px;
	background: #fafafa;
	font-size: 12px;
	color: #515151
}

.wiki-prices h3 {
	font-weight: 700
}

.wiki-prices .w-Select h3 {
	font-weight: 400
}

.wiki-prices .icon_pre {
	width: 2px;
	background: #4773C8;
	height: 12px;
	margin: -2px 6px 0 0
}

.wiki-prices .wiki-prices-list {
	background: #FFF;
	border: 1px solid #E9E9E9;
	padding: 20px
}

.wiki-prices .wiki-prices-list span {
	vertical-align: middle;
	display: inline-block;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.wiki-prices .icon_color {
	width: 6px;
	height: 6px;
	margin-right: 6px
}

.wiki-prices table {
	width: 100%
}

.wiki-prices table td {
	padding: 8px 0
}

.wiki-prices .w-Select {
	margin-top: -10px
}

.wiki-prices .nodata {
	padding: 0
}

.wiki-prices .nodata p {
	margin: 0
}

.wiki-table-header:hover {
	background: 0 0 !important
}

.wiki-table-header h3 {
	color: #515151;
	font-weight: 700
}

.wiki-table-header .icon_pre {
	width: 2px;
	background: #4773C8;
	height: 12px;
	margin: -2px 6px 0 0
}

.wiki-table-header td {
	text-align: left;
	height: auto;
	border-bottom: none;
	padding-bottom: 0
}

.dicker_list {
	border: 1px solid #E9E9E9;
	border-bottom: 0;
	margin-bottom: 20px
}

.dicker_list .i_Btn_hollow {
	margin-right: 10px
}

.dicker_list .f_Strong big {
	font-size: 18px
}

.dicker_list th {
	padding: 20px 0
}

.dicker_list th .name-cont,
.dicker_list th .pic-cont {
	display: inline-block;
	vertical-align: middle
}

.dicker_list th .name-cont {
	margin-left: 10px
}

.dicker_list th a {
	color: #515151
}

.dicker_list th a:hover {
	color: #eea20e
}

.dicker_list td:first-of-type,
.dicker_list th:first-of-type {
	padding-left: 30px
}

.dicker_list td:last-of-type,
.dicker_list th:last-of-type {
	padding-right: 30px
}

.dicker_list .lasttr {
	cursor: default;
	padding: 4px 0
}

.dicker_list .lasttr .icon {
	margin-left: 4px
}

.dicker_list--off tr {
	display: none
}

.dicker_list--off tr:first-of-type,
.dicker_list--off tr:last-of-type,
.dicker_list--off tr:nth-child(2),
.dicker_list--off tr:nth-child(3) {
	display: table-row
}

.f_Strong.big {
	font-size: 24px
}

.f_Strong.big small {
	font-size: 18px
}

.f_Strong small {
	line-height: normal
}

.index .list_card li {
	border: 0
}

.spinner {
	margin: 0 auto;
	padding-top: 100px;
	width: 70px;
	text-align: center
}

.spinner>div {
	width: 18px;
	height: 18px;
	background-color: #CBCBCB;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bouncedelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.loading {
	position: fixed;
	left: 46%;
	top: 70%
}

#loading-cover {
	z-index: 9999;
	background: rgba(0, 0, 0, .3);
	left: 0;
	top: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	display: none
}

.list_card.unhover li.on,
.list_card.unhover li:hover {
	border-color: #E4E4E4
}

.list_card.unhover li.on .icon_check,
.list_card.unhover li:hover .icon_check {
	display: none
}

.list_card li .l_BotRight .btn-buy-order {
	display: none !important;
	margin-bottom: -3px
}

.list_card li:hover .l_BotRight .btn-buy-order {
	display: inline-block !important
}

.tooltip-hover {
	position: absolute;
	z-index: 1001;
	overflow: hidden;
	overflow-y: auto
}

.floattip {
	display: block;
	position: initial
}

tr.empty,
tr.empty:hover {
	background: initial
}

.list_tb tr.empty td {
	border-bottom: 0
}

i.icon_new {
	display: none
}

.w-Select[name=quality] {
	width: 80px
}

.w-Select[name=rarity] {
	width: 80px
}

.w-Select[name=type] {
	width: 80px
}

.w-Select[name=slot] {
	width: 80px
}

.w-Select[name=order_type] {
	width: 122px
}

.w-Select[name=category] {
	width: 80px
}

.w-Select[name=state] {
	width: 80px
}

.w-Select[name=op_type] {
	width: 80px
}

.deliver-order .pic-cont:hover {
	cursor: pointer
}

#mode-select {
	border: none;
	background: 0;
	color: inherit;
	top: -1px;
	z-index: 0
}

#mode-select>ul {
	min-width: 60px
}

#mode-select>h3 {
	z-index: 1
}

.detail-cont p span a {
	color: inherit
}

#trade_message .msg-title small {
	font-size: inherit
}

.roll_tag_win {
	background: url(/static/images/tag_win.png) no-repeat;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 52px;
	display: inline-block;
	position: absolute;
	top: 18px;
	right: -4px
}

.roll_tag_lose {
	background: url(/static/images/tag_lose.png) no-repeat;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 52px;
	display: inline-block;
	position: absolute;
	top: 18px;
	right: -4px
}

#invitation_rule {
	width: 100%;
	height: 82px;
	background-color: #F6F6F6;
	padding-top: 40px;
	text-align: center
}

#invitation_rule img {
	width: 800px
}

a.recent-deal-img {
	background: url(/static/images/item_bg.png);
	background-size: cover
}

.list_card li>a {
	display: block;
	width: 100%;
	text-align: center;
	background: url(/static/images/item_bg.png);
	background-size: cover
}

.list_card li a img {
	max-width: 210px
}

.card_csgo li a img,
.card_h1z1 li a img,
.card_pubg li a img,
.card_rust li a img,
.card_tf2 li a img {
	width: unset
}

.card_dota2 li,
.card_rust li {
	overflow: hidden
}

.card_csgo li .tag,
.card_dota2 li .tag,
.card_rust li .tag,
.card_tf2 li .tag {
	top: 0;
	left: 0
}

.room-album div {
	background: url(/static/images/item_bg.png);
	background-size: cover
}

.roll-gifts-list li.h1z1-gift-item,
.roll-gifts-list li.pubg-gift-item {
	background: url(/static/images/item_bg.png);
	background-size: cover
}

.recent-deal-img {
	float: left;
	background: rgba(33, 40, 50, .4);
	text-align: center;
	margin: 0 12px 0 0;
	width: 66px
}

.recent-deal-img img {
	width: unset;
	max-width: 66px;
	float: none !important;
	margin: 0 !important
}

.col1 .recent-deal li {
	padding-right: 10px
}

.csgo .with-gallery img,
.h1z1 .with-gallery img,
.pubg .with-gallery img,
.rust .with-gallery img {
	border: 0;
	position: relative
}

.col1 .recent-deal li {
	padding-right: 10px
}

.list_tb_csgo .pic-cont {
	width: 88px;
	height: 66px
}

.list_tb_csgo .pic-cont img {
	height: 66px;
	max-width: 88px
}

.list_tb_csgo>tr>th:nth-child(2) {
	width: 120px
}

.list_tb_csgo .pic-cont .img-cont2 {
	width: 88px;
	height: 66px
}

.list_tb_csgo .pic-cont .item-count {
	width: 88px;
	height: 66px
}

.list_tb_csgo .g-soldout:before {
	line-height: 66px
}

table .pic-cont {
	text-align: center;
	background: url(/static/images/item_bg.png);
	background-size: cover
}

table .pic-cont img {
	width: unset;
	max-width: 72px
}

.img-cont2 {
	border: 1px solid #D7D7D7;
	width: 72px;
	height: 48px;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background: url(/static/images/item_bg.png);
	background-size: cover
}

.gallery-list li a {
	width: 72px;
	text-align: center;
	display: inline-block;
	background: url(/static/images/item_bg.png);
	background-size: cover
}

.gallery-list li a img {
	width: unset;
	max-width: 72px
}

.login-other p a.qa {
	position: absolute;
	color: #959595;
	line-height: 20px;
	right: 0
}

.login-other p a.qa:hover {
	color: #eea20e
}

.help-cont ul {
	list-style: initial;
	padding-left: 50px
}

.nav .message {
	padding-left: 16px
}

.nav .message .icon_new {
	top: 27px;
	left: 26px
}

.nav .message span {
	padding: 6px 10px 6px 10px;
	border-radius: 2px
}

.nav .message .icon_message {
	height: 20px;
	width: 20px;
	margin-right: 10px;
	background-image: url(/static/images/nav_msg_norm.png)
}

.nav .message .icon_message:hover {
	background-image: url(/static/images/nav_msg_hover.png)
}

.header .nav_entries {
	width: 582px
}

.header .nav_entries ul {
	margin-right: 0
}

.l_Tb td {
	height: 56px
}

.popup-cont .tip {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: -20px;
	margin-right: -20px
}

.popup-cont .tip.c_Green {
	background: #ecf5ec
}

.user-header {
	height: 80px;
	display: block
}

.user-header .col {
	float: left;
	width: 200px;
	margin-right: 50px;
	border-style: solid;
	border-width: 0 1px 0 0;
	-moz-border-image: url(/static/images/icon_split.png) 1 stretch;
	-webkit-border-image: url(/static/images/icon_split.png) 1 stretch;
	-o-border-image: url(/static/images/icon_split.png) 1 stretch;
	border-image: url(/static/images/icon_split.png) 1 fill stretch
}

.user-header .col>div {
	float: left
}

.user-header .col .info {
	margin-top: 3px;
	margin-left: 16px
}

.w-Tag_big span {
	min-width: 90px;
	line-height: 38px;
	height: 36px
}

.w-Tag_big span.on {
	font-size: 18px
}

.w-Tag_big span .i_Text {
	padding: 0 14px;
	width: 168px;
	line-height: 38px;
	height: 38px;
	display: block
}

.w-Tag_big span.on .i_Text {
	font-size: 16px
}

.user-wallet {
	padding-top: 10px
}

.user-wallet h2 {
	font-size: 17px;
	margin: 0;
	color: inherit
}

.user-wallet-section h2 {
	color: #959595;
	margin: 0 0 12px;
	font-size: 16px
}

.user-wallet .w-Tag_big span {
	margin: 0 4px 0 0;
	color: #515151
}

.user-wallet .w-Tag_big span.on .i_Text {
	font-weight: 400;
	font-size: 16px
}

.user-wallet .a-bind-alipay {
	color: #4773C8
}

.user-wallet .a-bind-alipay:hover {
	color: #4886FF
}

table.wallet_Tb td {
	height: 56px;
	margin: 20px
}

.w-Select-pay {
	width: 410px;
	height: 36px;
	border: 1px solid #E3E3E3;
	line-height: 36px;
	cursor: pointer;
	position: relative;
	background: #fff;
	z-index: 1
}

.w-Select-pay:hover {
	background: #F8F8F8
}

.w-Select-pay .card-list-add {
	color: #929394
}

.w-Select-pay .card-list-add:hover {
	color: #515151
}

.w-Select-pay i.icon {
	margin-left: 20px;
	margin-right: 11px
}

.w-Select-pay .icon_expand {
	position: absolute;
	top: 10px;
	right: 5px
}

.w-Select-pay strong {
	margin-left: 20px;
	color: #000
}

.w-Select-pay .select-list {
	position: absolute;
	margin-top: 8px;
	margin-left: -1px;
	box-shadow: 5px 5px 10px #F0F0F0;
	display: none
}

.w-Select-pay .select-list-item {
	width: 410px;
	height: 50px;
	border: 1px solid #F0F0F0;
	line-height: 50px;
	background: #fff
}

.w-Select-pay .select-list-item:hover {
	background: #F8F8F8
}

.w-Select-pay .select-list-item:nth-child(1) {
	border-bottom: 0
}

.w-Select-pay .bank-name {
	text-align: left;
	width: 176px;
	display: inline-block;
	color: #959595
}

.w-Select-pay .epay-name {
	color: #515151
}

.w-Select-pay .pay-tip {
	float: right;
	margin: 0 20px 0 0
}

.w-Select-pay .card-number {
	color: #515151
}

.w-Select-pay .coupon-name {
	color: #515151;
	margin: 0 0 0 20px;
	display: inline-block;
	width: 150px
}

.w-Select-pay .scope-none {
	text-align: center;
	height: auto;
	line-height: 1.2em;
	font-size: 12px;
	padding: 20px 0
}

.w-Select-pay h5 {
	padding: 0 0 10px;
	color: #959595;
	font-size: 12px
}

.w-Select-pay p {
	color: silver
}

.withdraw-num {
	height: 36px;
	line-height: 36px;
	width: 406px;
	display: inline-block;
	margin: 0 10px 20px 0;
	background: #FFF;
	border: 1px solid #F0F0F0;
	border-radius: 2px;
	position: relative
}

.withdraw-num .icon {
	margin: -2px 10px 0 20px
}

.withdraw-num input {
	height: 36px;
	line-height: 36px;
	width: 200px;
	border: none;
	background: 0;
	padding: 0;
	margin: 0;
	vertical-align: top
}

.withdraw-num small {
	position: absolute;
	right: 20px;
	color: #959595
}

.w-Select.Select-Blue {
	background: #4773C8;
	color: #fff
}

.w-Select.Select-Blue:hover {
	background: #3667c5
}

.w-Select.Select-Blue ul {
	background: #fff
}

.w-Select.Select-Blue ul li {
	color: #929394;
	border-color: #F0F0F0
}

.w-Select.Select-Blue ul li.on,
.w-Select.Select-Blue ul li:hover {
	background: #F8F8F8
}

.popup-alipay .popup-cont {
	padding-top: 0;
	padding-left: 54px
}

.popup-alipay .popup-cont .tip {
	margin-top: 0;
	margin-left: -54px
}

.popup-alipay .popup-cont .l_Tb td {
	height: 40px
}

.popup-alipay .popup-cont .input-cont .i_Btn_hollow {
	height: 28px;
	line-height: 28px;
	right: 26px
}

.popup_card .popup-cont .tip {
	margin-top: 0
}

.popup_pay .popup-cont {
	padding: 20px 54px 30px 54px
}

.popup_pay .popup-good-summary {
	padding: 18px
}

.popup_supply .popup-good-summary {
	padding: 16px;
	margin-bottom: 10px
}

.popup_supply .l_Tb td {
	padding: 6px 0;
	height: 46px
}

.popup_supply .popup-cont {
	padding: 20px 54px
}

.popup_supply .icon_qa,
.user-header .icon_qa,
.user-wallet .icon_qa {
	margin-left: 4px;
	margin-top: -3px;
	position: inherit
}

.inputfile {
	display: none
}

.inputfile+label {
	color: #515151;
	display: inline-block
}

.inputfile+label {
	cursor: pointer;
	line-height: 80px
}

.inputfile+label:hover,
.inputfile:focus+label {
	color: #888
}

.inputfile+label .fileupload {
	display: inline-block;
	box-sizing: border-box;
	width: 80px;
	height: 80px;
	text-align: center;
	border: 1px dashed #E3E3E3;
	margin-right: 10px
}

.inputfile+label .fileupload img {
	width: 100%
}

.my-header-cont {
	max-height: initial
}

.my-header-cont .h1z1-selType.type_csgo {
	margin: 0
}

.my-header-cont .h1z1-selType.type_csgo .item {
	width: 73px
}

img.has-store.store-online {
	padding: 1px;
	border: 1px solid #069B17
}

img.has-store.store-offline {
	padding: 1px;
	border: 1px solid #9C9C9C
}

i.icon-store {
	position: absolute;
	border-radius: 50%
}

.header .login-user i.icon-store {
	top: 46px;
	left: 27px;
	width: 6px;
	height: 6px
}

.shop-account i.icon-store {
	top: 80px;
	left: 80px;
	width: 10px;
	height: 10px
}

i.icon-store.store-online {
	background: #069B17
}

i.icon-store.store-offline {
	background: #9C9C9C
}

#j_mydrop {
	width: 140px;
	margin-left: -70px
}

.invisible {
	display: none !important
}

#j_popup_guide .guide-steps {
	width: 186px
}

.guide-block .t_Left .i_Btn {
	padding: 4px 12px
}

.tag_csgo_wearcategory0 {
	background: #397439
}

.tag_csgo_wearcategory1 {
	background: #488B48
}

.tag_csgo_wearcategory2 {
	background: #F1AD4D
}

.tag_csgo_wearcategory3 {
	background: #B7625F
}

.tag_csgo_wearcategory4 {
	background: #993A38
}

.w-Select.csgo-Select ul li.exterior_wearcategory0 {
	color: #397439
}

.w-Select.csgo-Select ul li.exterior_wearcategory1 {
	color: #488B48
}

.w-Select.csgo-Select ul li.exterior_wearcategory2 {
	color: #F1AD4D
}

.w-Select.csgo-Select ul li.exterior_wearcategory3 {
	color: #B7625F
}

.w-Select.csgo-Select ul li.exterior_wearcategory4 {
	color: #993A38
}

.tag.quality_normal,
.w-Select.csgo-Select ul li.quality_normal {
	color: #b2b2b2
}

.tag.quality_tournament,
.w-Select.csgo-Select ul li.quality_tournament {
	color: gold
}

.tag.quality_strange,
.w-Select.csgo-Select ul li.quality_strange {
	color: #cf6a32
}

.tag.quality_unusual,
.w-Select.csgo-Select ul li.quality_unusual {
	color: #8650ac
}

.tag.quality_unusual_strange,
.w-Select.csgo-Select ul li.quality_unusual_strange {
	color: #8650ac
}

.tag.rarity_ancient_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_ancient_weapon {
	color: #eb4b4b
}

.tag.rarity_rare_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_rare_weapon {
	color: #4b69ff
}

.tag.rarity_mythical_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_mythical_weapon {
	color: #8847ff
}

.tag.rarity_legendary_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_legendary_weapon {
	color: #d32ce6
}

.tag.rarity_uncommon_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_uncommon_weapon {
	color: #5e98d9
}

.tag.rarity_common_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_common_weapon {
	color: #b0c3d9
}

.tag.rarity_common,
.w-Select-Multi.csgo-Select ul li.rarity_common {
	color: #b0c3d9
}

.tag.rarity_rare,
.w-Select-Multi.csgo-Select ul li.rarity_rare {
	color: #4b69ff
}

.tag.rarity_legendary,
.w-Select-Multi.csgo-Select ul li.rarity_legendary {
	color: #d32ce6
}

.tag.rarity_mythical,
.w-Select-Multi.csgo-Select ul li.rarity_mythical {
	color: #8847ff
}

.tag.rarity_ancient,
.w-Select-Multi.csgo-Select ul li.rarity_ancient {
	color: #eb4b4b
}

.tag.rarity_contraband,
.w-Select-Multi.csgo-Select ul li.rarity_contraband {
	color: #e4ae39
}

.tag.rarity_ancient_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_ancient_character {
	color: #eb4b4b
}

.tag.rarity_rare_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_rare_character {
	color: #4b69ff
}

.tag.rarity_mythical_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_mythical_character {
	color: #8847ff
}

.tag.rarity_legendary_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_legendary_character {
	color: #d32ce6
}

.progress {
	height: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-sizing: border-box
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
	background-color: #5cb85c
}

.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
	background-color: #5bc0de
}

.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
	background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
	background-color: #d9534f
}

.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-fn {
	background-color: green
}

.progress-bar-bs {
	background-color: #993A38
}

.wear .wear-value {
	font-size: 12px;
	color: #959595
}

.wear .progress {
	overflow: hidden;
	height: 5px;
	width: 180px
}

.wear .wear-pointer {
	width: 180px;
	position: relative;
	padding-bottom: 4px;
	margin-top: 3px
}

.wear .wear-pointer .wear-pointer-icon {
	margin-left: -6px;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #515151 transparent transparent transparent
}

.csgo_value {
	float: left
}

.csgo_sticker {
	float: left;
	margin-top: 8px;
	margin-left: 6px
}

.csgo_sticker .stickers {
	height: 26.3px;
	width: 35px;
	text-align: center;
	background: linear-gradient(#f7f7f7, #e9e9e9);
	float: left;
	margin-right: 6px;
	margin-top: 4px
}

.csgo_sticker_inline .stickers {
	margin-top: 5px;
	height: 16px;
	width: 22px;
	text-align: center;
	background: linear-gradient(#f7f7f7, #e9e9e9);
	float: left;
	margin-right: 6px
}

.csgo_sticker .stickers img,
.csgo_sticker_inline .stickers img {
	height: 100%;
	vertical-align: unset
}

.icon_stickers.masked {
	opacity: .32
}

.stickers.masked {
	opacity: .32
}

.sticker-cont {
	float: left;
	text-align: center
}

.csgo_sticker.has_wear .stickers {
	float: unset;
	margin-left: 3px;
	margin-right: 3px
}

.csgo_sticker.has_wear {
	margin-top: 0
}

.wear .gems {
	height: 23px;
	width: 34px;
	text-align: center;
	background: linear-gradient(#f7f7f7, #e9e9e9);
	float: left;
	margin-right: 2px;
	margin-top: 1px
}

.wear .gems img {
	height: 100%;
	vertical-align: unset;
	max-width: 100%
}

.name-cont h3 {
	max-width: 190px;
	height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 0 2px;
	display: flex;
	align-items: center
}

.name-cont h3 a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 2px
}

.name-cont h3 .textOne {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.name-cont h3.show_sticker_false {
	max-width: 250px
}

.iconWrapper {
	display: block;
	width: 122px;
	text-align: center;
	background: url(/static/images/item_bg.png);
	background-size: cover
}

.iconWrapper img {
	max-width: 122px
}

.name-cont h3 {
	line-height: 21px
}

.guide-section {
	width: 228px
}

.footer {
	height: initial
}

.invi-desc .word3 {
	width: 341px;
	height: 66px;
	background: url(/static/images/site/invite/word3.png) no-repeat;
	margin: 60px auto 50px
}

.i_Btn_invi_reg:link,
.i_Btn_invi_reg:visited {
	background: url(/static/images/site/invite/btn-reg-only.png) no-repeat !important
}

.i_Btn_invi_reg:active,
.i_Btn_invi_reg:hover {
	background-position: 0 -54px !important
}

.csgo_toggle_text a {
	display: none
}

.csgo_toggle_text div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 191px
}

.csgo_toggle_text:hover a {
	display: block
}

.csgo_toggle_text:hover div {
	display: none
}

.csgo_inspect_tag {
	position: absolute;
	top: 110px;
	left: 9px;
	padding: 0 7px
}

.csgo_inspect_img_btn {
	position: absolute;
	left: 2px;
	bottom: 2px
}

.detail-pic {
	background-size: cover
}

.shop-list .criteria {
	border-top: none
}

.transaction-header .criteria {
	border-top: none
}

.g-w940 .dota2-criteria .w-Search .i_Text {
	width: 150px
}

#bot-status .status {
	margin: 0
}

#recommend-container a img {
	width: unset
}

.price-set input {
	width: 130px
}

tr.des_row {
	display: none
}

tr.des_row td {
	height: 30px;
	padding: 0;
	border-top: 0
}

tr.des_row:hover {
	background: initial
}

tr.has_des:hover+tr.des_row {
	background: #f5f5f5
}

tr.has_des td {
	border-bottom: 0
}

.desc_content {
	width: 818px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #eee;
	background: #F4F4F4;
	text-align: left;
	font-size: 12px;
	padding-left: 40px;
	margin-left: 21px;
	position: absolute;
	margin-top: -26px
}

.desc_arrow_up {
	background: url(../images/icon_desc_arrow.png) no-repeat;
	background-size: contain;
	width: 18px;
	height: 8px;
	position: absolute;
	margin-top: -31px;
	margin-left: 45px
}

.desc_dialog {
	background: url(../images/icon_desc_dialog.png) no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	position: absolute;
	margin-left: 43px;
	margin-top: -15px
}

.des_row_vip .desc_content {
	background: #f6f2ec;
	border: 1px solid #e0c39b;
	color: #CB964C
}

.des_row_vip .desc_arrow_up {
	background: url(../images/icon_desc_arrow_vip.png) no-repeat;
	background-size: contain
}

.des_row_vip .desc_dialog {
	background: url(../images/icon_desc_dialog_vip.png) no-repeat
}

.addDesWrapper {
	padding: 0 30px;
	margin-bottom: 30px
}

.addDesWrapper textarea {
	width: 100%;
	box-sizing: border-box
}

.addDesCount {
	position: absolute;
	right: 59px;
	top: 189px;
	color: #c1c1c1
}

.relative-goods {
	padding: 10px 44px;
	background: #1e2329;
	border-top: 1px solid #2A3C5A
}

.relative-goods .i_Btn_trans_bule:link {
	background: initial;
	margin-right: 20px
}

.relative-goods .i_Btn_trans_bule:hover {
	background: #495B7E
}

.relative-goods .i_Btn_trans_bule.active {
	background: #495B7E
}

.highcharts-credits {
	display: none
}

.pinterest-img {
	cursor: pointer
}

.w-Selectsearch.isextra {
	display: none
}

.news-detail-cont {
	padding-top: 20px
}

.news-detail-cont .f_center,
.news-detail-cont .m-photo {
	text-align: center
}

.news-detail-cont div.f_center {
	margin-top: 20px
}

.fileupload img {
	max-height: 80px;
	max-width: 80px
}

.evaluation input.i_Btn {
	background: #4773C8;
	border: 0;
	color: #fff
}

.evaluation .h1z1-selType {
	margin: 0
}

.evaluation .steamid-history {
	width: 490px;
	position: absolute;
	background: #2D2F3E;
	border: 1px #373A4C solid;
	border-bottom: 0;
	display: none;
	max-height: 195px;
	overflow: hidden;
	overflow-y: scroll
}

.evaluation .steamid-history ul {
	text-align: left
}

.evaluation .steamid-history ul li {
	height: 38px;
	line-height: 38px;
	padding: 0 8px;
	border-bottom: 1px #373A4C solid;
	cursor: pointer
}

.evaluation .steamid-history ul li:hover {
	background: #3A455A
}

.evaluation .steamid-history ul li div {
	display: inline
}

.evaluation .steamid-history .steamid-delete {
	float: right
}

.evaluation #btn-refresh {
	margin-left: 10px;
	color: #4372d1
}

.evaluation #btn-refresh:hover {
	color: #4e7ad2
}

.evaluation .icon_delete {
	margin-top: 10px
}

.video-content {
	position: relative;
	height: 350px;
	width: 600px;
	margin: 0 auto
}

.video-content img {
	height: 350px;
	width: 600px
}

.video-content .video-play {
	position: absolute;
	background: url(/static/images/icon_btn_play.png);
	background-size: contain;
	width: 60px;
	height: 60px;
	left: 271px;
	top: 146px
}

#market-selling-list th.w-Order_asc:hover {
	cursor: default;
	color: #959595
}

.pubg_recycle:not(.index):not(.invite) {
	background-image: url(/static/images/site/header-bg_pubg2.jpg)
}

.tag_text_uncommon {
	color: #82bdff
}

.tag_text_rare {
	color: #7c8ff5
}

.tag_text_mythical {
	color: #a876f9
}

.tag_text_legendary {
	color: #dc5eea
}

.tag_text_ancient {
	color: #e06b6a
}

.tag_text_immortal {
	color: #f2b166
}

.tag_text_arcana {
	color: #9acc4c
}

.tag_text_seasonal {
	color: #3c3
}

.tag_text_standard {
	color: #acbfd6
}

.tag_text_strange {
	color: #d16a2b
}

.tag_text_lucky {
	color: #25cf22
}

.tag_text_genuine {
	color: #4b7553
}

.tag_text_tournament {
	color: #864dae
}

.tag_text_frozen {
	color: #4381b6
}

.tag_text_autographed {
	color: #ace753
}

.tag_text_haunted {
	color: #884bae
}

.tag_text_base {
	color: #aeaeae
}

.tag_text_corrupted {
	color: #a82928
}

.tag_text_unusual {
	color: #894dad
}

.tag_text_infused {
	color: #8239f2
}

.tag_text_exalted {
	color: #ccc
}

.tag_text_vintage {
	color: #455e90
}

.tag_text_legacy {
	color: #FAFAFA
}

.list_tb td .subtitle {
	color: #b9b9b9;
	margin-top: 6px
}

.upload-item:not(.progressing) .upload-single-progressing {
	display: none
}

.upload-item:not(.fail) .upload-single-fail {
	display: none
}

.upload-item.progressing .delete-upload-img {
	display: none
}

.j_Order {
	cursor: pointer
}

.wiki-prices .wiki-prices-list span {
	width: 175px
}

.g-w300 {
	width: 300px
}

p.name_tag {
	color: #EEA20E;
	background: rgba(0, 0, 0, .08);
	padding: 10px 8px;
	font-size: 12px
}

.icon_alert {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: url(/static/images/icon_alert.png) no-repeat center;
	background-size: cover;
	vertical-align: middle;
	vertical-align: -3px
}

.floattip-cont {
	font-size: 12px;
	word-break: break-all
}

.floattip-cont .wear-pointer {
	position: relative;
	padding-bottom: 4px;
	margin-top: 3px
}

.floattip-cont .wear-pointer .wear-pointer-icon {
	margin-left: -6px;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #fff transparent transparent transparent
}

.floattip-cont .des>div>div>div:nth-child(2) {
	max-width: 200px
}

.floattip-cont a.btn {
	background: #696969;
	padding: 3px 6px;
	color: #eaeaea;
	border-radius: 1px;
	font-size: 10px;
	line-height: 15px
}

.ajax-loading {
	cursor: progress
}

.lock_card_csgo a img,
.lock_card_h1z1 a img,
.lock_card_pubg a img,
.lock_card_rust a img,
.lock_card_tf2 a img {
	width: unset
}

#app-download-bar {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fafafa;
	height: 200px;
	z-index: 222
}

#app-download-bar .app-logo {
	float: left;
	border-radius: 20px;
	margin: 40px;
	width: 120px;
	height: 120px
}

#app-download-bar .download-btn {
	position: fixed;
	display: inline-block;
	width: 260px;
	line-height: 120px;
	background-color: #4773C8;
	color: #fafafa;
	vertical-align: middle;
	text-align: center;
	right: 40px;
	top: 40px;
	font-size: 48px;
	text-decoration: none
}

#app-download-bar h3,
h5 {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-weight: 400
}

#app-download-bar h3 {
	margin-top: 25px;
	font-size: 54px;
	line-height: 90px
}

#app-download-bar h5 {
	font-size: 40px
}

.has-top-bar {
	margin-top: 200px
}

@media screen and (orientation:landscape) {
	#app-download-bar {
		height: 150px
	}

	#app-download-bar .app-logo {
		border-radius: 15px;
		margin: 30px;
		width: 90px;
		height: 90px
	}

	#app-download-bar .download-btn {
		width: 180px;
		line-height: 76px;
		right: 37px;
		top: 37px;
		font-size: 30px
	}

	#app-download-bar h3 {
		margin-top: 18px;
		font-size: 40px;
		line-height: 67px
	}

	#app-download-bar h5 {
		font-size: 30px
	}

	.has-top-bar {
		margin-top: 150px
	}
}

@media screen and (min-device-width:481px) {
	#app-download-bar {
		height: 100px
	}

	#app-download-bar .app-logo {
		border-radius: 10px;
		margin: 20px;
		width: 60px;
		height: 60px
	}

	#app-download-bar .download-btn {
		width: 120px;
		line-height: 50px;
		right: 25px;
		top: 25px;
		font-size: 20px
	}

	#app-download-bar h3 {
		margin-top: 12px;
		font-size: 26px;
		line-height: 45px
	}

	#app-download-bar h5 {
		font-size: 20px
	}

	.has-top-bar {
		margin-top: 100px
	}
}

@media screen and (max-width:799px) {
	#app-download-bar {
		height: 60px
	}

	#app-download-bar .app-logo {
		border-radius: 6px;
		margin: 12px;
		width: 36px;
		height: 36px
	}

	#app-download-bar .download-btn {
		width: 72px;
		line-height: 30px;
		right: 15px;
		top: 15px;
		font-size: 16px
	}

	#app-download-bar h3 {
		margin-top: 7px;
		font-size: 18px;
		line-height: 27px
	}

	#app-download-bar h5 {
		font-size: 14px
	}

	.has-top-bar {
		margin-top: 60px
	}
}

.sticker-wrapper {
	height: 60px;
	margin-bottom: 10px
}

.sticker-wrapper img {
	display: inline-block;
	vertical-align: initial;
	background: #333
}

.sticker-wrapper div.sticker-name {
	width: 170px;
	display: inline-block;
	vertical-align: top;
	line-height: 18px;
	font-size: 13px
}

.sticker-wrapper div.sticker-name>div {
	display: table;
	height: 60px
}

.sticker-wrapper div.sticker-name>div>div {
	display: table-cell;
	vertical-align: middle
}

.sticker-wrapper div.sticker-name>div>div>span {
	font-size: 10px;
	color: #fff
}

#market-selling-list .tb-Order {
	cursor: pointer !important
}

.live-rooms {
	padding: 0 24px
}

.live-rooms .rooms-title {
	font-size: 20px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	margin-top: 26px;
	margin-bottom: 16px
}

.live-rooms .rooms-title .spin {
	width: 4px;
	height: 20px;
	background: #4886FF;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.live-room-list li {
	width: 340px;
	height: 304px
}

.live-room-list .room-info {
	padding: 14px 14px 10px 20px
}

.live-room-list .room-info h3 {
	font-size: 17px;
	height: 22px;
	line-height: 22px
}

.live-room-list li .room-cover {
	position: relative
}

.live-room-list li .room-cover .room-hover {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	background: rgba(0, 0, 0, .45);
	line-height: 200px
}

.live-room-list li:hover .room-cover .room-hover {
	display: block
}

.live-room-list li .room-cover img {
	width: 100%;
	height: 200px
}

.live-room-list .room-live-extra p {
	line-height: 36px;
	margin-right: 10px
}

.header .nav_entries {
	width: initial
}

.help-section li {
	height: initial;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px
}

.black .w-Key span {
	margin-bottom: 5px
}

.icon_reanalysis {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: url(/static/images/icon_reanalysis.png) no-repeat center;
	background-size: cover;
	vertical-align: middle;
	vertical-align: -3px
}

.reanalysis {
	height: 44px;
	background: 0;
	cursor: pointer;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	line-height: 44px;
	margin-right: 13px
}

.reanalysis:hover {
	opacity: .9
}

.g-whiteBox_img {
	text-align: center
}

.g-grayBox img.lazy.img_csgo {
	background: 0;
	width: auto;
	max-width: 122px
}

td.table-title {
	border: 0;
	text-align: left;
	font-size: 17px;
	padding-left: 24px;
	height: 0;
	font-weight: 700;
	background: #fbfbfb
}

td.table-title span {
	border-left: 5px solid #3971ff;
	padding-left: 10px
}

.my-paintwear-rank.need-hide {
	display: none
}

td.table-toggle {
	border: 0;
	background: #fbfbfb;
	height: 10px
}

.icon_arrow {
	display: inline-block;
	height: 8px;
	width: 8px;
	border: 1px solid #959595;
	border-width: 2px 2px 0 0
}

.icon_arrow.up {
	transform: rotate(135deg);
	margin-bottom: 2px
}

.icon_arrow.down {
	margin-bottom: -3px;
	transform: rotate(-45deg)
}

.rank-goods-name .csgo_sticker {
	margin-top: 0;
	margin-left: 20px
}

.rank-goods-name h3 {
	float: left;
	line-height: 66px;
	max-width: 350px
}

.rank-goods-name h3 div {
	line-height: 32px
}

.rank-goods-name h3 span.sell_title {
	display: inline-block;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.rank-goods-name h3 span.sell_tag {
	border: 1px solid #e59000;
	color: #e59000;
	padding: 0 5px;
	border-radius: 2px
}

.rank-goods-name h3 .stag {
	margin-left: 10px;
	margin-top: -2px;
	vertical-align: middle
}

.w-SelHero h3,
.w-Select h3,
.w-Select-Multi h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 10px
}

.g-w940 .w-SelHero {
	max-width: 100px
}
